diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-10-06 00:05:49 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-10-06 00:05:49 +0200 |
| commit | f6563f22a9a0c9d876f80e8f758b902dcc3bec78 (patch) | |
| tree | 5b7fc20b153a7ba6c172de8bbb32a743ed5e70f7 /src/lib/components/Row.svelte | |
| parent | 3dccdc1d11845edabe238e5cfd9a175c3dae208e (diff) | |
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
Diffstat (limited to 'src/lib/components/Row.svelte')
| -rw-r--r-- | src/lib/components/Row.svelte | 19 |
1 files changed, 1 insertions, 18 deletions
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); } </style> |