mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(design): app shell + header + corner buttons

Browse Source 
Trim desktop header height (py-2 → py-1.5) and switch border to --line
token. Update .weekly-header CSS class to use --line. Add baseline
letter-spacing: -0.005em to body. No logic, structure, or API changes.

v1.105.1
This commit is contained in:
mARTin-B78 2026-05-10 14:08:26 +02:00
parent f54dde3689
commit 6f610ac669
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "my-weekly-todo-list",
"version": "1.105.0",
"version": "1.105.1",
"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": {

3
src/app/globals.css
View File

@ -32,6 +32,7 @@ body {
background-color: #f8fafc;
color: #1e293b;
line-height: 1.6;
letter-spacing: -0.005em;
transition: background-color 0.3s ease;
}
@ -532,7 +533,7 @@ h3 {
top: 0;
z-index: 100;
background: var(--weekly-bg);
border-bottom: 1px solid var(--weekly-border);
border-bottom: 1px solid var(--line);
padding: 0.75rem 1.5rem;
display: flex;
align-items: center;

2
src/components/WeeklyView.tsx
View File

@ -5996,7 +5996,7 @@ export default function WeeklyView() {
)}
{/* Desktop Header: Left, Center, Right */}
<header className="group relative flex items-center justify-between w-full px-4 py-2 border-b border-gray-200 bg-white dark:bg-gray-900 dark:border-gray-700 dark:text-white transition-colors duration-200" style={isMobile ? { display: "none" } : {}}>
<header className="group relative flex items-center justify-between w-full px-4 py-1.5 border-b bg-white dark:bg-gray-900 dark:text-white transition-colors duration-200" style={isMobile ? { display: "none" } : { borderBottomColor: 'var(--line)' }}>
{/* LEFT SECTION: View Switcher, Days, Hours, Slot Duration */}
<div className="weekly-header-controls flex items-center gap-4 transition-opacity duration-700 opacity-0 group-hover:opacity-100" style={{ zIndex: 1, ...(showIntroHints ? { opacity: 1 } : {}) }}>
{/* Quick Settings toggle */}