From d4cf53075a042ddceeb4b83ad2fe0a206c190747 Mon Sep 17 00:00:00 2001 From: Marco Allegretti Date: Thu, 29 Jan 2026 17:34:08 +0100 Subject: [PATCH] ui: centralize list row primitive --- .../components/ui/DesignSystemStyles.astro | 24 +++++++++++++++++++ frontend/src/pages/dashboard.astro | 24 ------------------- 2 files changed, 24 insertions(+), 24 deletions(-) diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro index a92d06d..37edfb6 100644 --- a/frontend/src/components/ui/DesignSystemStyles.astro +++ b/frontend/src/components/ui/DesignSystemStyles.astro @@ -265,6 +265,30 @@ justify-content: flex-end; } + .list-item { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + padding: 0.6rem 0; + color: var(--color-text); + border-bottom: 1px solid var(--color-border); + text-decoration: none; + transition: color 140ms ease; + } + + .list-item:last-child { + border-bottom: none; + } + + .list-item:hover { + color: var(--color-primary); + } + + .item-title { + flex: 1; + } + .ui-page-title h1 { font-size: 2rem; font-weight: 700; diff --git a/frontend/src/pages/dashboard.astro b/frontend/src/pages/dashboard.astro index 2ed5b7e..e8093fa 100644 --- a/frontend/src/pages/dashboard.astro +++ b/frontend/src/pages/dashboard.astro @@ -315,26 +315,6 @@ import { API_BASE as apiBase } from '../lib/api'; min-height: 72px; } - .list-item { - display: flex; - align-items: center; - justify-content: space-between; - gap: 0.75rem; - padding: 0.6rem 0; - color: var(--color-text); - border-bottom: 1px solid var(--color-border); - text-decoration: none; - transition: color 140ms ease; - } - - .list-item:last-child { - border-bottom: none; - } - - .list-item:hover { - color: var(--color-primary); - } - .account { padding: 1rem 1.1rem; } @@ -395,10 +375,6 @@ import { API_BASE as apiBase } from '../lib/api'; font-size: 0.875rem; } - .item-title { - flex: 1; - } - .status-draft { background: var(--color-neutral-muted); color: var(--color-on-primary); } .status-discussion { background: var(--color-info); color: var(--color-on-primary); } .status-voting { background: var(--color-success); color: var(--color-on-primary); }