From 6686305e9c4b04ec69248531bdd61dada1f5d603 Mon Sep 17 00:00:00 2001 From: brobert Date: Fri, 17 Oct 2025 16:16:27 +0200 Subject: [PATCH] =?UTF-8?q?style:=20elimina=20sombra=20del=20header=20y=20?= =?UTF-8?q?de=20tarjetas;=20a=C3=B1ade=20sombra=20a=20botones?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: aider (openrouter/openai/gpt-5) --- apps/web/src/lib/styles/base.css | 10 ++++++++++ apps/web/src/lib/ui/layout/AppShell.svelte | 1 - apps/web/src/lib/ui/layout/Card.svelte | 2 +- 3 files changed, 11 insertions(+), 2 deletions(-) diff --git a/apps/web/src/lib/styles/base.css b/apps/web/src/lib/styles/base.css index 56a1205..31bcbbf 100644 --- a/apps/web/src/lib/styles/base.css +++ b/apps/web/src/lib/styles/base.css @@ -75,8 +75,18 @@ input[type="submit"] { background: var(--color-surface); color: var(--color-text); cursor: pointer; + box-shadow: var(--shadow-sm); + transition: box-shadow 0.15s ease, transform 0.05s ease; } +button:hover, +button:focus-visible { + box-shadow: var(--shadow-md); +} +button:active { + transform: translateY(0.5px) scale(0.99); + box-shadow: var(--shadow-sm); +} button.primary { background: var(--color-primary); border-color: var(--color-primary); diff --git a/apps/web/src/lib/ui/layout/AppShell.svelte b/apps/web/src/lib/ui/layout/AppShell.svelte index 783b805..f2e5a9f 100644 --- a/apps/web/src/lib/ui/layout/AppShell.svelte +++ b/apps/web/src/lib/ui/layout/AppShell.svelte @@ -72,7 +72,6 @@ z-index: 10; background: var(--color-surface); border-bottom: 1px solid var(--color-border); - box-shadow: var(--shadow-sm); backdrop-filter: saturate(180%) blur(8px); -webkit-backdrop-filter: saturate(180%) blur(8px); } diff --git a/apps/web/src/lib/ui/layout/Card.svelte b/apps/web/src/lib/ui/layout/Card.svelte index 8c3243f..3dfcc19 100644 --- a/apps/web/src/lib/ui/layout/Card.svelte +++ b/apps/web/src/lib/ui/layout/Card.svelte @@ -7,7 +7,7 @@ background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); - box-shadow: var(--shadow-sm); + /* sin sombra: contenedor no interactivo */ padding: var(--space-1); position: relative; }