diff --git a/app/globals.css b/app/globals.css index c276cfa..6bfd9fc 100644 --- a/app/globals.css +++ b/app/globals.css @@ -181,23 +181,14 @@ body { } /* Console-module surface: translucent + blurred so the animated background - sweep shines through, with a hairline border and soft inset top highlight. */ + sweep shines through. ring-0 zeroes out Card's own default + `ring-1 ring-foreground/10` (components/ui/card.tsx) - shadow-xl's + box-shadow formula reads the same --tw-ring-shadow custom property, so + without this the ring bleeds through regardless of shadow-xl "winning". */ .bp-glass { + @apply shadow-xl ring-0 border-0; background: color-mix(in srgb, var(--card) 55%, transparent); backdrop-filter: blur(20px) saturate(150%); - border: 1px solid var(--border); - box-shadow: inset 0 1px 0 color-mix(in srgb, var(--foreground) 8%, transparent); - transition: - border-color 0.2s ease, - box-shadow 0.2s ease, - background-color 0.2s ease; -} -.bp-glass:hover { - background: color-mix(in srgb, var(--card) 62%, transparent); - border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); - box-shadow: - inset 0 1px 0 color-mix(in srgb, var(--foreground) 10%, transparent), - 0 10px 30px -14px rgba(0, 0, 0, 0.45); } /* Illuminated indicator dot - reused on connection status and per-actuator diff --git a/package.json b/package.json index 418f8af..a75ea2e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sexy", - "version": "0.9.0", + "version": "0.9.1", "private": true, "scripts": { "dev": "next dev",