From b146ac6ad78717732a20e3605c1465294308b22b Mon Sep 17 00:00:00 2001 From: Zylan Date: Thu, 3 Apr 2025 03:32:48 +0800 Subject: [PATCH] style --- static/style.css | 63 ++++++++++++++++++++++++++++++++++++-------- templates/index.html | 4 +-- 2 files changed, 54 insertions(+), 13 deletions(-) diff --git a/static/style.css b/static/style.css index aa91ca8..96e0b75 100644 --- a/static/style.css +++ b/static/style.css @@ -2096,9 +2096,11 @@ button:disabled { /* Footer Styles */ .app-footer { background-color: var(--surface); - padding: 1rem; - border-top: 1px solid var(--border-color); + padding: 0.75rem 1.5rem; + border-top: 1px solid rgba(0,0,0,0.05); margin-top: auto; + box-shadow: 0 -2px 10px rgba(0,0,0,0.02); + position: relative; } .footer-content { @@ -2113,16 +2115,19 @@ button:disabled { .footer-text { color: var(--text-secondary); - font-size: 0.9rem; + font-size: 0.85rem; display: flex; align-items: center; gap: 1rem; + font-weight: 500; + opacity: 0.85; + letter-spacing: 0.02em; } .footer-links { display: flex; align-items: center; - gap: 1.5rem; + gap: 1.2rem; } .footer-link { @@ -2131,20 +2136,27 @@ button:disabled { gap: 0.5rem; color: var(--text-secondary); text-decoration: none; - font-size: 0.9rem; - transition: color 0.2s ease; + font-size: 0.85rem; + transition: all 0.25s ease; + padding: 0.35rem 0.8rem; + border-radius: 20px; + font-weight: 500; } .footer-link:hover { color: var(--primary); + background-color: rgba(var(--primary-rgb), 0.08); + transform: translateY(-1px); } .footer-link i { - font-size: 1rem; + font-size: 0.95rem; } .star-icon { - font-size: 1rem; + font-size: 0.95rem; + color: #FFB400; + margin-right: 0.15rem; } .user-counter { @@ -2187,21 +2199,31 @@ button:disabled { .footer-content { flex-direction: column; text-align: center; + padding: 0.5rem 0; } .footer-links { flex-wrap: wrap; justify-content: center; } + + .app-footer { + padding: 0.6rem 1rem; + } } @media (max-width: 480px) { .footer-links { - gap: 1rem; + gap: 0.5rem; } .footer-link { font-size: 0.8rem; + padding: 0.25rem 0.6rem; + } + + .app-footer { + padding: 0.5rem 0.8rem; } } @@ -2260,11 +2282,29 @@ button:disabled { /* 版本徽章样式 */ .version-badge { font-size: 0.75rem; - opacity: 0.6; + opacity: 0.75; margin-left: 0.5rem; padding: 0.1rem 0.35rem; border-radius: 3rem; background-color: rgba(var(--surface-rgb), 0.3); + font-weight: normal; + vertical-align: middle; +} + +.app-header h1 .version-badge { + font-size: 0.65rem; + opacity: 0.8; + margin-left: 0.3rem; + padding: 0.1rem 0.35rem; + position: relative; + top: -0.1rem; +} + +@media (max-width: 480px) { + .app-header h1 .version-badge { + font-size: 0.55rem; + padding: 0.05rem 0.25rem; + } } /* 媒体查询 */ @@ -3084,7 +3124,8 @@ html { /* 底部栏夜间模式 */ [data-theme="dark"] .app-footer { background-color: var(--surface); - border-top: 1px solid var(--border-color); + border-top: 1px solid rgba(255,255,255,0.05); + box-shadow: 0 -2px 10px rgba(0,0,0,0.1); } [data-theme="dark"] .footer-link { diff --git a/templates/index.html b/templates/index.html index e3a412d..7f545d4 100644 --- a/templates/index.html +++ b/templates/index.html @@ -30,7 +30,7 @@
-

Snap Solver

+

Snap Solver v{{ update_info.current_version }}

未连接