diff --git a/package.json b/package.json index 42ac3ac..d3d0c66 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.107.1", + "version": "1.107.2", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view", "main": "index.js", "scripts": { diff --git a/src/app/globals.css b/src/app/globals.css index bbdd5c2..9a84291 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1610,11 +1610,12 @@ h3 { .someday-tabs-bar { display: flex; flex-direction: row; - align-items: center; - gap: 2px; - padding: 0px 12px; + align-items: flex-end; + gap: 4px; + padding: 6px 12px 0; overflow-x: auto; scrollbar-width: none; + border-bottom: 1px solid var(--weekly-border); } .someday-tabs-bar::-webkit-scrollbar { @@ -1649,19 +1650,19 @@ h3 { } -/* Someday Tab Buttons (horizontal) — underline style */ +/* Someday Tab Buttons (horizontal) — pill + underline style */ .someday-tab-btn-h { - background: transparent; - border: none; + background: var(--weekly-bg, #fff); + border: 1px solid var(--weekly-border, #e5e7eb); border-bottom: 3px solid transparent; cursor: pointer; color: var(--weekly-text-light, #888); font-size: 0.8rem; font-weight: 500; - padding: 8px 10px 7px; - border-radius: 0; + padding: 5px 12px 4px; + border-radius: 6px 6px 0 0; white-space: nowrap; - transition: color 0.15s, border-color 0.15s; + transition: color 0.15s, border-color 0.15s, box-shadow 0.15s; display: inline-flex; align-items: center; gap: 5px; @@ -1669,15 +1670,16 @@ h3 { .someday-tab-btn-h:hover { color: var(--weekly-text, #333); - background: transparent; + border-color: var(--weekly-border, #e5e7eb); } .someday-tab-btn-h.active { color: var(--weekly-text, #222); font-weight: 700; + border-color: var(--weekly-border, #e5e7eb); border-bottom-color: var(--weekly-accent, #6366f1); - background: transparent; - box-shadow: none; + background: var(--weekly-bg, #fff); + box-shadow: 0 -1px 0 0 var(--weekly-bg, #fff); } .someday-tab-btn-h.drag-over {