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 ── */