From f6563f22a9a0c9d876f80e8f758b902dcc3bec78 Mon Sep 17 00:00:00 2001 From: Martin Kagamino Lehoux Date: Tue, 6 Oct 2026 00:05:49 +0200 Subject: Restyle to a flat Miniflux-like design - hairline separators instead of bordered rows, square corners, no shadows - white background, system font stack, slimmer headings - pine green accent; amber warn ramp carries the attention marks (due/late/mid) - no hover backgrounds: hover is color/fill-state only - reserve bold nav tab width and the scrollbar gutter so navigation never shifts layout --- src/lib/components/Row.svelte | 19 +------------------ 1 file changed, 1 insertion(+), 18 deletions(-) (limited to 'src/lib/components/Row.svelte') diff --git a/src/lib/components/Row.svelte b/src/lib/components/Row.svelte index e388392..91c86a5 100644 --- a/src/lib/components/Row.svelte +++ b/src/lib/components/Row.svelte @@ -23,32 +23,15 @@ display: flex; align-items: center; gap: 0.5rem; + border-bottom: 1px solid var(--border); } .card { padding: 0.5rem 0.75rem; - background: var(--surface); - border-radius: 0.75rem; - box-shadow: 0 1px 2px var(--shadow); - transition: all 0.2s ease; - } - - .card:hover { - box-shadow: 0 2px 6px var(--shadow); - transform: translateY(-1px); } .ref { padding: 0.875rem 1rem; gap: 0.75rem; - background: var(--surface); - border-radius: 0.75rem; - box-shadow: 0 1px 2px var(--shadow); - transition: all 0.2s ease; - } - - .ref:hover { - box-shadow: 0 2px 6px var(--shadow); - transform: translateY(-1px); } -- cgit v1.3