From f3ca4a4217e7b70cbc8bb74e27b8c5b913198857 Mon Sep 17 00:00:00 2001 From: hezhaohui Date: Wed, 15 Jul 2026 15:25:11 +0800 Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E6=9B=BF=E6=8D=A2Logo?= =?UTF-8?q?=E3=80=81=E5=A2=9E=E5=A4=A7=E9=A1=B6=E6=A0=8F=E4=BE=A7=E6=A0=8F?= =?UTF-8?q?=E5=B0=BA=E5=AF=B8=E5=8F=8A=E5=85=A8=E5=B1=80=E5=AD=97=E5=8F=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 替换顶栏Logo为七牛logo图片(logo-qiniu.png) - 顶栏高度 56→70px，侧栏宽度 226→282px - 顶栏各元素字号增大约25%，头像26→32px，搜索框240→280px - 侧栏导航项字号13→16px，分组标题10.5→13px，徽标10→12px - 全局基础字号 14→16px --- frontend/public/logo-qiniu.png | Bin 0 -> 4830 bytes frontend/src/components/Layout/AppHeader.vue | 41 ++++++++---------- frontend/src/components/Layout/AppSidebar.vue | 12 ++--- frontend/src/layouts/DefaultLayout.vue | 4 +- frontend/src/styles/global.css | 2 +- 5 files changed, 26 insertions(+), 33 deletions(-) create mode 100644 frontend/public/logo-qiniu.png diff --git a/frontend/public/logo-qiniu.png b/frontend/public/logo-qiniu.png new file mode 100644 index 0000000000000000000000000000000000000000..f871591a465ea9501c7116e6ed691d0a8487f49c GIT binary patch literal 4830 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
-
xi
+ logo xinfra 统一基础设施平台
● 生产环境 @@ -61,27 +61,20 @@ const { theme, toggleTheme } = useTheme() gap: 9px; font-weight: 600; letter-spacing: 0.3px; - font-size: 15px; + font-size: 18px; } -.brand .mark { - width: 22px; - height: 22px; - border-radius: 5px; - background: linear-gradient(135deg, var(--accent), #1C8F69); - display: flex; - align-items: center; - justify-content: center; - font-family: var(--mono); - font-size: 11px; - font-weight: 600; - color: var(--bg-deep); +.brand .mark-img { + width: 36px; + height: 36px; + border-radius: 6px; + object-fit: contain; } .brand .sub { color: var(--text-dim); font-weight: 400; - font-size: 12px; + font-size: 15px; margin-left: 4px; } @@ -91,7 +84,7 @@ const { theme, toggleTheme } = useTheme() .env-pill { font-family: var(--mono); - font-size: 11px; + font-size: 14px; color: var(--accent); border: 1px solid var(--accent-dim); background: var(--accent-dim); @@ -109,14 +102,14 @@ const { theme, toggleTheme } = useTheme() border-radius: 6px; padding: 6px 10px; color: var(--text-dim); - font-size: 12.5px; - width: 240px; + font-size: 15px; + width: 280px; } .search-box kbd { margin-left: auto; font-family: var(--mono); - font-size: 10px; + font-size: 12px; background: var(--bg-panel); padding: 1px 5px; border-radius: 3px; @@ -128,27 +121,27 @@ const { theme, toggleTheme } = useTheme() display: flex; align-items: center; gap: 8px; - font-size: 12.5px; + font-size: 15px; color: var(--text-mid); } .identity .avatar { - width: 26px; - height: 26px; + width: 32px; + height: 32px; border-radius: 50%; background: var(--bg-panel-2); display: flex; align-items: center; justify-content: center; font-family: var(--mono); - font-size: 11px; + font-size: 14px; color: var(--text-hi); border: 1px solid var(--line); } .identity .ldap-tag { font-family: var(--mono); - font-size: 10px; + font-size: 12px; color: var(--text-dim); } diff --git a/frontend/src/components/Layout/AppSidebar.vue b/frontend/src/components/Layout/AppSidebar.vue index 09f4fea..117f640 100644 --- a/frontend/src/components/Layout/AppSidebar.vue +++ b/frontend/src/components/Layout/AppSidebar.vue @@ -81,7 +81,7 @@ } .nav-label { - font-size: 10.5px; + font-size: 13px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px; @@ -94,10 +94,10 @@ display: flex; align-items: center; gap: 10px; - padding: 8px 10px; + padding: 10px 10px; border-radius: 6px; color: var(--text-mid); - font-size: 13px; + font-size: 16px; font-weight: 500; cursor: pointer; margin-bottom: 2px; @@ -108,7 +108,7 @@ .nav-item .ic { width: 16px; text-align: center; - font-size: 13px; + font-size: 16px; opacity: 0.85; } @@ -126,7 +126,7 @@ .nav-item .badge { margin-left: auto; font-family: var(--mono); - font-size: 10px; + font-size: 12px; background: var(--bg-panel-2); color: var(--text-dim); padding: 1px 6px; @@ -144,7 +144,7 @@ margin-top: auto; padding: 10px; border-top: 1px solid var(--line-soft); - font-size: 11px; + font-size: 14px; color: var(--text-dim); line-height: 1.6; } diff --git a/frontend/src/layouts/DefaultLayout.vue b/frontend/src/layouts/DefaultLayout.vue index aba2fbf..ee88ed7 100644 --- a/frontend/src/layouts/DefaultLayout.vue +++ b/frontend/src/layouts/DefaultLayout.vue @@ -15,8 +15,8 @@ import AppMain from '@/components/Layout/AppMain.vue' diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index a5d0ae1..32dc6ed 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -10,7 +10,7 @@ html, body { background: var(--bg-deep); color: var(--text-hi); font-family: var(--sans); - font-size: 14px; + font-size: 16px; transition: background-color 0.3s ease, color 0.3s ease; }