diff --git a/src/my-time.css b/src/my-time.css index e2c56eb..492d7b2 100644 --- a/src/my-time.css +++ b/src/my-time.css @@ -1,5 +1,6 @@ -html, body { height: 100vh; overflow: auto; } +html, body { height: 100vh; overflow: hidden; } body { padding: 20px; display: flex; flex-direction: column; } +.page-scroll { flex: 1; min-height: 0; overflow-y: auto; } .page-header { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; flex-shrink: 0; } .page-header h1 { margin: 0; font-weight: 600; } @@ -96,8 +97,11 @@ body { padding: 20px; display: flex; flex-direction: column; } .quicklog input[type="date"] { width: 140px; } .quicklog button { padding: 5px 12px; font-size: 13px; } -.delete-btn { background-color: var(--error-border) !important; padding: 4px 10px; font-size: 12px; } -.delete-btn:hover { opacity: 0.85; } +/* week navigation header */ +.section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } +.section-header .section-title { margin: 0; } +.week-nav { display: flex; gap: 4px; } +.week-nav-btn { padding: 2px 10px; font-size: 16px; line-height: 1; } .empty { padding: 32px; text-align: center; color: var(--text-secondary); } .loading { padding: 40px; text-align: center; color: var(--text-secondary); } diff --git a/src/my-time.html b/src/my-time.html index 20350fe..3b2bbca 100644 --- a/src/my-time.html +++ b/src/my-time.html @@ -30,8 +30,15 @@