diff --git a/frontend/src/components/ui/MastheadRail.tsx b/frontend/src/components/ui/MastheadRail.tsx index b825b018..50e233ba 100644 --- a/frontend/src/components/ui/MastheadRail.tsx +++ b/frontend/src/components/ui/MastheadRail.tsx @@ -16,7 +16,7 @@ export function MastheadRail({ variant, className }: MastheadRailProps) { {variant === 'shimmer' ? (
) : ( -
+
)}
); diff --git a/frontend/src/index.css b/frontend/src/index.css index c7bbe578..1a81c3e5 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -717,8 +717,8 @@ body { 100% { transform: translateY(200%); } } @keyframes masthead-rail-glow { - 0%, 100% { opacity: 0.55; box-shadow: inset 0 0 0 0 transparent; } - 50% { opacity: 1; box-shadow: inset 0 0 10px 0 oklch(1 0 0 / 0.12); } + 0%, 100% { opacity: 0.15; } + 50% { opacity: 0.55; } } /* ───────────────────────────────────────────────────────────── @@ -746,7 +746,7 @@ body { animation: shimmer 5s ease-in-out infinite alternate; } .masthead-rail-glow { - animation: masthead-rail-glow 5.5s ease-in-out infinite alternate; + animation: masthead-rail-glow 4s ease-in-out infinite alternate; } /* Stagger delay helpers */