From 8b904c19199d2dce1403280c392ff51fb38c0c1f Mon Sep 17 00:00:00 2001 From: Marco Allegretti Date: Sat, 31 Jan 2026 13:15:47 +0100 Subject: [PATCH] Refine public pages card styling --- .../components/ui/DesignSystemStyles.astro | 3 ++- frontend/src/pages/about.astro | 17 +++----------- frontend/src/pages/demo.astro | 8 ------- frontend/src/pages/features.astro | 10 --------- frontend/src/pages/index.astro | 22 +++---------------- 5 files changed, 8 insertions(+), 52 deletions(-) diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro index 4caa025..7593bf1 100644 --- a/frontend/src/components/ui/DesignSystemStyles.astro +++ b/frontend/src/components/ui/DesignSystemStyles.astro @@ -540,13 +540,14 @@ } .ui-card-interactive { - transition: transform 140ms ease, border-color 140ms ease, background 140ms ease; + transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, box-shadow 140ms ease; } .ui-card-interactive:hover { transform: translateY(-2px); border-color: var(--color-border-hover); background: rgba(255, 255, 255, 0.05); + box-shadow: var(--shadow-md); } .ui-card-glass { diff --git a/frontend/src/pages/about.astro b/frontend/src/pages/about.astro index 5f15909..8eedeca 100644 --- a/frontend/src/pages/about.astro +++ b/frontend/src/pages/about.astro @@ -178,15 +178,15 @@ import PublicLayout from '../layouts/PublicLayout.astro'; Explore Likwid's capabilities, understand our vision, or see the system in action.

- +

Features

Detailed explanation of voting methods, delegation, and moderation tools.

 - +

Manifesto

The technical and political vision behind Likwid's design.

 - +

Demo

Explore a live instance with pre-populated governance history.

 @@ -283,10 +283,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; } } - .is-item, .isnot-item { - border-radius: var(--radius-md); - } - .is-item { border-left: 3px solid var(--color-success); } @@ -313,10 +309,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; margin-top: 1.5rem; } - .audience-block { - border-radius: var(--radius-md); - } - .audience-block h4 { font-size: 1.125rem; color: var(--color-primary); @@ -363,7 +355,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; /* Tech table */ .tech-table { - border-radius: var(--radius-md); overflow: hidden; margin: 1.5rem 0; } @@ -427,14 +418,12 @@ import PublicLayout from '../layouts/PublicLayout.astro'; .cta-card { display: block; - border-radius: var(--radius-md); text-decoration: none; transition: all var(--motion-fast) var(--easing-standard); } .cta-card:hover { border-color: var(--color-primary); - transform: translateY(-2px); } .cta-card h4 { diff --git a/frontend/src/pages/demo.astro b/frontend/src/pages/demo.astro index 06d9b2b..c6bb408 100644 --- a/frontend/src/pages/demo.astro +++ b/frontend/src/pages/demo.astro @@ -346,14 +346,6 @@ const nextQuery = nextParam ? `&next=${encodeURIComponent(nextParam)}` : ''; } } - .community-card { - transition: all var(--motion-normal) var(--easing-standard); - } - - .community-card:hover { - box-shadow: var(--shadow-md); - } - .card-header { display: flex; flex-direction: column; diff --git a/frontend/src/pages/features.astro b/frontend/src/pages/features.astro index cc816ac..8c43b3c 100644 --- a/frontend/src/pages/features.astro +++ b/frontend/src/pages/features.astro @@ -448,10 +448,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; } } - .feature-item { - border-radius: var(--radius-md); - } - .feature-item h4 { font-size: 1rem; margin-bottom: 0.5rem; @@ -478,7 +474,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; flex: 1; max-width: 280px; text-align: center; - border-radius: var(--radius-lg); } .phase-icon { @@ -534,7 +529,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; } .mod-feature { - border-radius: var(--radius-md); border-left: 3px solid var(--color-success); } @@ -564,10 +558,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; } } - .plugin-category { - border-radius: var(--radius-md); - } - .plugin-category h4 { font-size: 1rem; margin-bottom: 1rem; diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro index d6f404a..e11554d 100644 --- a/frontend/src/pages/index.astro +++ b/frontend/src/pages/index.astro @@ -28,7 +28,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';

What is Likwid?

-
+
@@ -39,7 +39,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';

Modular Architecture

Every component is a plugin. Voting methods, delegation systems, integrations, and workflows can be added, removed, or customized per community.

-
+
@@ -49,7 +49,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';

Process-Oriented

Governance is a process, not a feature. Likwid structures deliberation, voting, and implementation as distinct phases with clear transitions.

-
+
@@ -283,17 +283,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; } } - .what-card { - padding: 1.75rem; - transition: all var(--motion-normal) var(--easing-standard); - } - - .what-card:hover { - border-color: var(--color-border-hover); - transform: translateY(-3px); - box-shadow: var(--shadow-md); - } - .what-icon { width: 56px; height: 56px; @@ -371,10 +360,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; } } - .capability { - border-radius: var(--radius-md); - } - .capability h4 { font-size: 1rem; margin-bottom: 0.5rem; @@ -460,7 +445,6 @@ import PublicLayout from '../layouts/PublicLayout.astro'; .tech-item { text-align: center; - border-radius: var(--radius-md); } .tech-item strong {