From ce0e374e863e30102c7c6da042d01dbf854f64aa Mon Sep 17 00:00:00 2001 From: mac Date: Fri, 24 Jul 2026 17:31:33 +0800 Subject: [PATCH] =?UTF-8?q?v2.0.9=20=E2=80=94=20=E6=89=93=E5=8D=A1?= =?UTF-8?q?=E9=A1=B5=E8=AE=BE=E8=AE=A1=E9=87=8D=E6=9E=84=EF=BC=9A=E5=B7=A6?= =?UTF-8?q?=E4=BE=A7200px=E7=BB=9F=E8=AE=A1+=E6=97=A5=E5=8E=86=EF=BC=8C?= =?UTF-8?q?=E5=8F=B3=E4=BE=A7Tab+=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 73 ++++++++++++++++++++++++++++-------------------- 1 file changed, 43 insertions(+), 30 deletions(-) diff --git a/static/style.css b/static/style.css index 2e5f17a..c94b009 100644 --- a/static/style.css +++ b/static/style.css @@ -146,6 +146,10 @@ body { gap: 8px; padding: 0 20px 20px; } +.daily-sidebar .sidebar-stats { + padding: 0; + margin-bottom: 16px; +} .stat-item { background: var(--bg); @@ -538,54 +542,61 @@ body { } /* ═══════════════════════════════════════════ - Daily Grid — 左右两栏 + Daily Panel — 左右两栏布局 ═══════════════════════════════════════════ */ .daily-layout { display: flex; - gap: 20px; - align-items: flex-start; + gap: 24px; + align-items: stretch; } +/* 左侧栏 */ .daily-sidebar { - width: 220px; + width: 200px; flex-shrink: 0; display: flex; flex-direction: column; + gap: 0; +} + +.daily-sidebar .sidebar-stats { + padding: 0; + margin-bottom: 16px; +} + +.daily-sidebar .stat-item { + background: var(--card); + border: 1px solid var(--border); +} + +.daily-sidebar .calendar-widget.inline { + margin: 0; + padding: 14px; + border: 1px solid var(--border); + border-radius: var(--radius); + background: var(--card); +} + +/* 右侧主区 */ +.daily-main { + flex: 1; + min-width: 0; + display: flex; + flex-direction: column; gap: 16px; } -.daily-sidebar .sidebar-stats { - padding: 0; -} - -.daily-sidebar .calendar-widget.inline { - margin: 0; -} - -.daily-main { - flex: 1; - min-width: 0; -} - -.daily-grid { - display: block; -} -.card.daily-card { display: none; } -.card.daily-card.active { display: flex; } - -/* 每周打卡 Tab */ .daily-tabs { display: flex; - gap: 4px; - margin-bottom: 16px; + gap: 0; border-bottom: 1.5px solid var(--border); } .daily-tab { display: inline-flex; align-items: center; - gap: 5px; - padding: 8px 16px; + gap: 6px; + padding: 8px 18px; border: none; background: none; font-size: 13px; @@ -597,10 +608,12 @@ body { transition: all 0.15s; font-family: inherit; } -.daily-tab .icon-sm { opacity: 0.6; } .daily-tab:hover { color: var(--text); } .daily-tab.active { color: var(--primary); border-bottom-color: var(--primary); } -.daily-tab.active .icon-sm { opacity: 1; } + +.daily-grid { display: block; } +.card.daily-card { display: none; } +.card.daily-card.active { display: flex; } /* ── Cards ── */