From efe5e6ecbba1bd4e4a0a5693f3755e67b959dc82 Mon Sep 17 00:00:00 2001 From: lutinglt Date: Fri, 11 Jul 2025 22:26:39 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8C=89=E9=92=AE=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/release.md | 1 + styles/components/filelist.tsx | 12 +----------- styles/components/repo.tsx | 4 ---- styles/public/button.tsx | 3 +++ 4 files changed, 5 insertions(+), 15 deletions(-) diff --git a/.github/release.md b/.github/release.md index 32fb576..dab3652 100644 --- a/.github/release.md +++ b/.github/release.md @@ -5,5 +5,6 @@ ## 🎈 Perf - 优化 PR 中的合并提交按钮颜色 +- 优化全局按钮样式 ## 🐞 Fix diff --git a/styles/components/filelist.tsx b/styles/components/filelist.tsx index 3d10a92..3591125 100644 --- a/styles/components/filelist.tsx +++ b/styles/components/filelist.tsx @@ -16,16 +16,6 @@ export const branchButton = css` } `; -// 仓库按钮 -export const repoButton = css` - .page-content.repository.file.list { - // clone 按钮调整 - .repo-button-row .repo-button-row-right .ui.primary.button span { - margin: 0px 3px; - } - } -`; - // 仓库文件列表 export const repoFiles = css` .repository.file.list { @@ -198,7 +188,7 @@ export const repoSidebarBottom = css` .color-icon { height: 8px; width: 8px; - margin-right: 6px; + margin-right: 8px; } .tw-font-semibold { color: ${themeVars.color.text.self}; diff --git a/styles/components/repo.tsx b/styles/components/repo.tsx index b82c277..1874cd5 100644 --- a/styles/components/repo.tsx +++ b/styles/components/repo.tsx @@ -6,10 +6,6 @@ export const repoHeader = css` // 点星/关注/克隆/RSS 按钮 .ui.compact.button { padding: 3px 12px; - // 文本跟图标间隔, 文本在手机下不显示 - span { - margin-left: 0.5rem; - } } // 仓库图标 img.ui.avatar { diff --git a/styles/public/button.tsx b/styles/public/button.tsx index 522659e..0dbbc48 100644 --- a/styles/public/button.tsx +++ b/styles/public/button.tsx @@ -18,6 +18,9 @@ export const baseButton = css` min-height: 30px; font-weight: 500; padding: 9px 16px; + &.ui { + gap: 8px; + } } .ui.button:not(.primary):not(.red) svg { color: ${themeVars.color.text.light.num1};