From bc4149d7c9fe7a698cf07895b504ab8f2b26f649 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Fri, 23 Jan 2026 10:29:02 -1000 Subject: UI improvements: styling and layout fixes - Prefill first store in shopping quick-add - Tone down overdue/priority styling (red -> amber) - Remove quick-add panel from tasks tab (use modal instead) - Increase card opacity for better readability - Swap task/event formatting (tasks get cards, events get border-l-4) - Add grid layout for tasks (2-3 columns on wider screens) Co-Authored-By: Claude Opus 4.5 --- web/static/css/input.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'web/static/css/input.css') diff --git a/web/static/css/input.css b/web/static/css/input.css index 4daceb0..c7fa1d2 100644 --- a/web/static/css/input.css +++ b/web/static/css/input.css @@ -24,12 +24,12 @@ @layer components { /* Dark Glass Card */ .card { - @apply bg-black/60 backdrop-blur-sm rounded-lg p-4 transition-all duration-200; + @apply bg-black/70 backdrop-blur-sm rounded-lg p-4 transition-all duration-200; box-shadow: 0 0 12px black; } .card-hover { - @apply hover:bg-black/70; + @apply hover:bg-black/80; } /* Navigation Pills */ @@ -63,12 +63,12 @@ } .task-item { - @apply bg-black/60 rounded-lg transition-colors; + @apply bg-black/70 rounded-lg transition-colors; box-shadow: 0 0 12px black; } .task-item:hover { - @apply bg-black/70; + @apply bg-black/80; } .line-clamp-3 { -- cgit v1.2.3