From 23658a49177c133d1617a0aabead718bf0e3689b Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Sat, 11 Oct 2025 23:35:34 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=97=A0=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E6=97=B6=E7=9A=84=E6=A0=B7=E5=BC=8F=20#20?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                 |  2 +-
 styles/components/explore.ts | 36 ++++++++++++++++++++++++++++++------
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ba48f27..6d36bf4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 ##### 更符合 GitHub 风格
 
 - 修复并同步工单或 PR 详细页面下的标签菜单样式 #19
+- 统一无搜索结果时的样式 #20
 - 同步页脚样式
 - 优化下拉菜单的样式
 - 优化创建标签菜单的菜单项的样式
@@ -13,7 +14,6 @@
 
 ### 🐞 Fix
 
-- 修复仓库探索无搜索结果时的样式 #20
 - 修复 Wiki 页面搜索项目没有正确隐藏的问题 #15
 - 修复后台账户管理排序菜单项的宽度问题
 - 修复合并提交中的主色调按钮组阴影问题
diff --git a/styles/components/explore.ts b/styles/components/explore.ts
index 1d99e30..49f975c 100644
--- a/styles/components/explore.ts
+++ b/styles/components/explore.ts
@@ -7,12 +7,6 @@ const orgRepoVar = fallbackVar(customThemeVars.org.repolistColumns, "1");
 
 // 仓库列表
 export const repoList = css`
-  // 修复仓库探索无搜索结果时的样式, 该样式与 .flex-item 的样式保持一致
-  .page-content.explore.repositories > .ui.container > .flex-list:not(#activity-feed) > div:only-child {
-    border: 1px solid ${themeVars.color.light.border};
-    border-radius: ${otherThemeVars.border.radius};
-    padding: 16px;
-  }
   // 组织
   .page-content.organization.profile > .ui.container > .ui.stackable > .ui.eleven,
   // 用户
@@ -163,3 +157,33 @@ export const mobileList = css`
     }
   }
 `;
+
+// 统一无搜索结果时的样式
+export const notMatch = css`
+  // 组织的仓库列表
+  .page-content.organization.profile > .ui.container > .ui.stackable > .ui.eleven,
+  // 用户的仓库列表
+  .page-content.user.profile > .ui.container > .ui.stackable > .ui.twelve,
+  // 探索的仓库列表
+  .page-content.explore.repositories > .ui.container,
+  // 组织的成员列表
+  .page-content.organization.members >.ui.container,
+  // 探索的用户和组织列表
+  .page-content.explore.users >.ui.container {
+    // 排除用户的公开活动页
+    > .flex-list:not(#activity-feed) {
+      &:has(> div:only-child):not(:has(.flex-item-main)) {
+        grid-template-columns: 1fr;
+        > div {
+          border: 1px solid ${themeVars.color.light.border};
+          border-radius: ${otherThemeVars.border.radius};
+          font-size: 16px;
+          font-weight: 500;
+          padding: 32px;
+          display: flex;
+          justify-content: center;
+        }
+      }
+    }
+  }
+`;