diff --git a/CHANGELOG.md b/CHANGELOG.md index bdf847d..4a76898 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,7 @@ ### 🌈 Style +- 调整顶部导航栏高度 + ##### 更符合 GitHub 风格 - 同步页脚样式 diff --git a/styles/components/navbar.ts b/styles/components/navbar.ts index b0423a4..cac1700 100644 --- a/styles/components/navbar.ts +++ b/styles/components/navbar.ts @@ -3,6 +3,13 @@ import { css, customThemeVars, otherThemeVars, themeVars } from "src/types/vars" export const navbarRight = css` #navbar { + min-height: 64px; + .navbar-left { + #navbar-logo img { + height: 32px; + width: 32px; + } + } // 进入用户页面后, 避免注册, 登录和首页等意外覆盖 .navbar-right:has(.user-menu) { gap: 8px; diff --git a/styles/components/repo.ts b/styles/components/repo.ts index 541dd8c..26a3713 100644 --- a/styles/components/repo.ts +++ b/styles/components/repo.ts @@ -7,14 +7,7 @@ export const repoHeader = css` .ui.compact.button { padding: 3px 12px; } - // 仓库图标 - img.ui.avatar { - height: 32px; - width: 32px; - margin-block-start: 0.5rem; - margin-block-end: 0.5rem; - } - + // 仓库名称 .flex-item { .flex-item-title { // 间隔线颜色