diff --git a/frontend/src/App.vue b/frontend/src/App.vue index c9bad69..35ba5d2 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -200,7 +200,7 @@ onUnmounted(() => { border-bottom: 1px solid var(--color-border, #e5e7eb); } .rf-header-brand { display: inline-flex; align-items: center; flex-shrink: 0; } -.rf-header-logo { height: 46px; width: auto; display: block; } +.rf-header-logo { width: 99px; height: 60px; display: block; } .rf-header-titles { min-width: 0; text-align: left; } .rf-header-title { margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--color-text-primary, #1f2937); letter-spacing: -0.01em; } .rf-header-sub { margin-top: 2px; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-secondary, #9ca3af); } @@ -212,7 +212,7 @@ onUnmounted(() => { font-size: 13px; color: var(--color-text-secondary, #6b7280); text-align: center; } .rf-footer-link { display: inline-flex; align-items: center; } -.rf-footer-logo { height: 22px; width: auto; display: block; opacity: 0.9; transition: opacity 0.2s ease; } +.rf-footer-logo { width: 58px; height: 35px; display: block; opacity: 0.9; transition: opacity 0.2s ease; } .rf-footer-link:hover .rf-footer-logo { opacity: 1; } .rf-footer a { color: var(--color-text-secondary, #6b7280); text-decoration: none; } .rf-footer a:hover { color: var(--color-text-primary, #111827); text-decoration: underline; }