diff --git a/frontend/src/views/components/HomeAside/HomeAside.css b/frontend/src/views/components/HomeAside/HomeAside.css index 09bb49b2..04797fa7 100644 --- a/frontend/src/views/components/HomeAside/HomeAside.css +++ b/frontend/src/views/components/HomeAside/HomeAside.css @@ -182,7 +182,7 @@ width: 100%; font-family: inherit; align-items: center; - gap: 12px; + justify-content: space-between; padding: 12px 14px; font-size: 14px; font-weight: 500; @@ -194,6 +194,23 @@ transition: all 0.2s ease; } +.settings-btn-main { + display: flex; + align-items: center; + gap: 12px; +} + +.app-version-badge { + font-size: 12px; + font-weight: 600; + color: var(--pm-text-muted, #8c8c8c); + letter-spacing: 0.5px; + padding: 2px 6px; + border-radius: 6px; + background: rgba(0, 0, 0, 0.04); + line-height: 1.2; +} + .settings-btn .el-icon { font-size: 18px; } diff --git a/frontend/src/views/components/HomeAside/HomeAside.vue b/frontend/src/views/components/HomeAside/HomeAside.vue index a1b8b0ae..88af1dbf 100644 --- a/frontend/src/views/components/HomeAside/HomeAside.vue +++ b/frontend/src/views/components/HomeAside/HomeAside.vue @@ -53,8 +53,11 @@