From 4fd01c50b07170d246b61b2fb51295047f3e1212 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Sun, 9 Nov 2025 09:50:25 +0800
Subject: [PATCH] Optimize organization detail page style

---
 CHANGELOG.md                 |  1 +
 styles/components/org.ts     | 29 ++++++++++++++++++++++++++++-
 styles/components/repo.ts    |  3 +--
 styles/components/setting.ts |  9 +++++++++
 4 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e70f7e4..4df9752 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - Optimize global line height
 - Optimize the workflow log page style
 - Optimize repository header name style
+- Optimize organization detail page style
 
 ### 🐞 Fix
 
diff --git a/styles/components/org.ts b/styles/components/org.ts
index 3e8293c..9bd0b15 100644
--- a/styles/components/org.ts
+++ b/styles/components/org.ts
@@ -2,8 +2,24 @@ import { css, themeVars } from "src/types/vars";
 
 export const org = css`
   .page-content.organization {
+    // 组织成员头像
+    .members .ui.avatar {
+      border-radius: 9999px;
+    }
+    // 组织头像
+    .org-avatar {
+      margin: 8px 24px 16px 0px;
+    }
+    // 组织信息
     #org-info {
-      .ui.header {
+      margin-top: 8px; // 与头像对齐
+      gap: 8px;
+      // 组织名称
+      > .ui.header {
+        font-size: 24px;
+        > .org-visibility {
+          margin-left: 8px;
+        }
         // 组织页面的 RSS 订阅按钮
         .ui.label.button {
           padding: 4px 16px;
@@ -16,6 +32,17 @@ export const org = css`
           }
         }
       }
+      // 组织描述
+      > .markup {
+        color: ${themeVars.color.text.light.num1};
+      }
+      // 组织信息
+      > .meta {
+        font-size: 12px;
+        svg {
+          color: ${themeVars.color.text.light.num1};
+        }
+      }
     }
   }
 `;
diff --git a/styles/components/repo.ts b/styles/components/repo.ts
index f75e70e..7069d9b 100644
--- a/styles/components/repo.ts
+++ b/styles/components/repo.ts
@@ -17,8 +17,7 @@ export const repoHeader = css`
           display: flex;
           align-items: center;
           color: ${themeVars.color.text.self};
-          font-size: 20px;
-          line-height: 1.3;
+          font-size: 18px;
           text-decoration: none !important;
           min-width: 3ch;
           padding: 0px 6px;
diff --git a/styles/components/setting.ts b/styles/components/setting.ts
index 3d80b44..b28bdf8 100644
--- a/styles/components/setting.ts
+++ b/styles/components/setting.ts
@@ -83,3 +83,12 @@ export const label = css`
     }
   }
 `;
+
+// 修复组织设置界面的组织设置中多余的边框
+export const fixOrgSetting = css`
+  .page-content.organization.settings {
+    .org-setting-content {
+      border: 0;
+    }
+  }
+`;