From 56c284aec222941fd39d5d59aa07a59409069d15 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Tue, 12 Aug 2025 10:29:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=AD=A5=E7=99=BB=E5=BD=95/=E6=B3=A8?=
 =?UTF-8?q?=E5=86=8C=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/release.md          |  2 ++
 TODO.md                     |  1 -
 styles/components/index.ts  |  1 +
 styles/components/signin.ts | 49 +++++++++++++++++++++++++++++++++++++
 styles/public/attached.ts   |  8 +++---
 styles/public/navbar.ts     |  4 +--
 6 files changed, 58 insertions(+), 7 deletions(-)
 create mode 100644 styles/components/signin.ts

diff --git a/.github/release.md b/.github/release.md
index 3d73c47..178ba36 100644
--- a/.github/release.md
+++ b/.github/release.md
@@ -6,6 +6,7 @@
 
 - 同步仓库代码文件页 README 导航栏样式
 - 同步分页菜单样式
+- 同步登录/注册页面样式
 
 ## 🎈 Perf
 
@@ -17,3 +18,4 @@
 - 修复 Action 作业步骤页面标题选中时滚动固定的高度问题
 - 修复用户公开活动页动态布局问题
 - 修复顶部导航栏工单管理/请求合并页面搜索框旁的选择下拉框按钮内容过窄
+- 修复手机页面下注册/登录页导航栏注册按钮换行的问题
diff --git a/TODO.md b/TODO.md
index 09c8d5d..6791027 100644
--- a/TODO.md
+++ b/TODO.md
@@ -6,4 +6,3 @@
 - 色盲主题支持
 - 打开文件时的文件导航树样式和滚动高度
 - 私有库标签大小, 组织页面下的RSS订阅按钮样式
-- 登录/注册页面样式
diff --git a/styles/components/index.ts b/styles/components/index.ts
index 098982c..ecce212 100644
--- a/styles/components/index.ts
+++ b/styles/components/index.ts
@@ -7,6 +7,7 @@ import "./explore";
 import "./filelist";
 import "./heatmap";
 import "./issue";
+import "./signin";
 import "./newrepo";
 import "./release";
 import "./repo";
diff --git a/styles/components/signin.ts b/styles/components/signin.ts
new file mode 100644
index 0000000..4460eb6
--- /dev/null
+++ b/styles/components/signin.ts
@@ -0,0 +1,49 @@
+import { css } from "src/types/vars";
+
+// 注册/登录界面
+export const signIn = css`
+  .page-content.user.signin {
+    .ui.grid > .column {
+      width: 384px;
+      padding: 16px;
+      > .ui.container {
+        max-width: unset;
+      }
+    }
+    .ui.top.attached.header {
+      border: 0;
+      font-size: 20px;
+      font-weight: 600;
+      background-color: unset !important;
+      margin-bottom: 0.25rem;
+    }
+
+    .ui.attached.segment {
+      border: 0;
+      padding: 16px 0 0 0;
+      .field:not(.inline) {
+        label {
+          font-size: 14px;
+          font-weight: 600;
+        }
+        input {
+          background: unset;
+          padding: 5px 12px;
+          height: 40px;
+          font-size: 16px;
+        }
+      }
+      .button {
+        height: 40px;
+      }
+    }
+    .ui.top.attached.header.segment {
+      font-size: 14px;
+      font-weight: 400;
+      gap: 16px;
+      .signin-passkey {
+        font-weight: 500;
+      }
+    }
+  }
+`;
diff --git a/styles/public/attached.ts b/styles/public/attached.ts
index 1ebe780..4183fde 100644
--- a/styles/public/attached.ts
+++ b/styles/public/attached.ts
@@ -1,6 +1,6 @@
-import { css, themeVars } from "src/types/vars";
+import { css, themeVars, otherThemeVars } from "src/types/vars";
 
-export const content = css`
+export const attached = css`
   // 设置右面板的内容
   .user-main-content,
   .repo-setting-content,
@@ -13,7 +13,7 @@ export const content = css`
   .page-content.organization.new.org {
     .ui.top.attached.header {
       border: 0;
-      font-size: 1.5rem;
+      font-size: 20px;
       font-weight: 400;
       background-color: unset !important;
       margin-bottom: 0.25rem;
@@ -21,7 +21,7 @@ export const content = css`
 
     .ui.attached.segment {
       background-color: unset;
-      border-radius: 0.5rem !important;
+      border-radius: ${otherThemeVars.border.radius} !important;
     }
 
     .ui.attached.segment:not(.error) {
diff --git a/styles/public/navbar.ts b/styles/public/navbar.ts
index ab6034e..321728e 100644
--- a/styles/public/navbar.ts
+++ b/styles/public/navbar.ts
@@ -81,10 +81,10 @@ export const navbarRight = css`
   }
   // 手机下的创建菜单按钮
   @media (max-width: 767.98px) {
-    #navbar .navbar-right > .item:not(:last-child) {
+    #navbar .navbar-right:has(.user-menu) > .item:not(:last-child) {
       display: none;
     }
-    #navbar.navbar-menu-open .navbar-right > .item:not(:last-child) {
+    #navbar.navbar-menu-open .navbar-right:has(.user-menu) > .item:not(:last-child) {
       display: grid;
     }
   }