From 3c21a98feeeb3ec186a2c8685bf22831ef1626ce Mon Sep 17 00:00:00 2001 From: lutinglt Date: Thu, 4 Sep 2025 20:03:34 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8F=91=E5=B8=83=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E4=B8=8B=E8=BD=BD=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/release.md | 3 +- styles/components/release.ts | 59 +++++++++++++++++++++++++++++++++--- 2 files changed, 57 insertions(+), 5 deletions(-) diff --git a/.github/release.md b/.github/release.md index 5e88042..e4d6016 100644 --- a/.github/release.md +++ b/.github/release.md @@ -6,6 +6,7 @@ - 优化查看代码文件内容时的体验 (去掉了一些底部元素, 优化滚动体验) - 略微减小导航栏创建仓库菜单按钮内的图标间隔 - 微调一些标签的字体大小 +- 优化发布页面布局和下载列表样式 ### 🐞 Fix @@ -14,7 +15,7 @@ - 修复登录二次验证页面内容位置 - 修复后台管理的运维管理面板的样式 - 取消修改编辑器字体大小, 避免光标错位 -- 修复文件预览时文件树有边框过粗 +- 修复文件预览时文件树右边框过粗 ## 📃 English (From AI) diff --git a/styles/components/release.ts b/styles/components/release.ts index 46f4bff..7a3a674 100644 --- a/styles/components/release.ts +++ b/styles/components/release.ts @@ -73,21 +73,72 @@ export const releases = css` } // 右侧发布详细信息 .segment.detail { + padding: 16px; .svg { color: ${themeVars.color.text.light.num1}; } + // 标题 + .release-list-title { + font-size: 32px; + gap: 16px; + } + // 提交信息 p.text.grey { - margin: 16px 0; + display: flex; + gap: 6px; + flex-wrap: wrap; + margin: 32px 0 0 0; + span { + word-break: break-word; + } .time { color: ${themeVars.color.text.self}; } } + // 发布内容 .markup { > *:first-child { - margin-top: 16px !important; + margin-top: 32px !important; } - > *:last-child { - margin-bottom: 16px !important; + } + // 分割线 + .divider { + position: relative; + left: -16px; + width: calc(100% + 32px); + border-top-width: 1.5px; + margin: 32px 0 16px 0; + } + // 下载列表 + .download { + summary { + font-size: 18px; + font-weight: 600; + margin-top: 16px; + &::marker { + font-size: 14px; + } + } + .attachment-list { + margin-top: 16px; + .item { + align-items: center; + line-height: 17px; + padding: 8px 16px; + .flex-text-inline { + gap: 8px; + } + // 只选中左侧文件名称 + strong.flex-text-inline:hover { + text-decoration: underline !important; + } + .attachment-right-info { + color: ${themeVars.color.text.light.num1}; + .svg { + height: 28px; + } + } + } } } }