同步页脚样式

.github/release.md

@@ -2,6 +2,7 @@
 
 ##### 更符合 GitHub 风格
 
+- 同步页脚样式
 - 优化创建标签菜单的菜单项的样式
 
 ### 🐞 Fix

styles/components/footer.ts

@@ -0,0 +1,34 @@
+import { css, themeVars } from "src/types/vars";
+
+export const footer = css`
+  .page-footer {
+    background-color: ${themeVars.color.body};
+    border-top: 0;
+    color: ${themeVars.color.text.light.num1};
+    font-size: 12px;
+    gap: 32px;
+    justify-content: center;
+    padding: 16px 0 40px 0;
+    > .left-links {
+      gap: 4px;
+    }
+    > .right-links {
+      gap: 16px;
+      > .ui.dropdown {
+        font-size: 12px;
+        &:hover {
+          color: ${themeVars.color.primary.self};
+        }
+      }
+      > a {
+        border-left: 0;
+        color: ${themeVars.color.text.light.num1};
+        padding-left: 0;
+        margin-left: 0;
+        &:hover {
+          color: ${themeVars.color.primary.self};
+        }
+      }
+    }
+  }
+`;

styles/components/index.ts

@@ -7,9 +7,11 @@ import "./diff";
 import "./editor";
 import "./explore";
 import "./filelist";
+import "./footer";
 import "./heatmap";
 import "./issue";
 import "./milestones";
+import "./navbar";
 import "./newrepo";
 import "./notification";
 import "./org";

styles/public/index.ts

@@ -12,6 +12,5 @@ import "./label"; // 标签
 import "./menu"; // 菜单
 import "./modal"; // 弹窗
 import "./tippy"; // 提示框
-import "./navbar"; // 导航栏
 import "./attached"; // 附加样式
 import "./other"; // 其他样式