mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-08-08 18:05:10 +00:00
fix: increase masthead rail shimmer visibility
Bumped shimmer highlight opacity from 25% to 50% and reduced animation duration from 11s to 5s, matching the login page AuthCanvas shimmer precedent (via-white/60 at 4.5s).
This commit is contained in:
@@ -14,7 +14,7 @@ export function MastheadRail({ variant, className }: MastheadRailProps) {
|
||||
className={cn('absolute inset-y-0 left-0 w-[3px] overflow-hidden', className)}
|
||||
>
|
||||
{variant === 'shimmer' ? (
|
||||
<div className="masthead-rail-shimmer absolute inset-x-0 h-1/3 bg-gradient-to-b from-transparent via-white/25 to-transparent" />
|
||||
<div className="masthead-rail-shimmer absolute inset-x-0 h-1/3 bg-gradient-to-b from-transparent via-white/50 to-transparent" />
|
||||
) : (
|
||||
<div className="masthead-rail-glow absolute inset-0" />
|
||||
)}
|
||||
|
||||
@@ -743,7 +743,7 @@ body {
|
||||
animation: shimmer 4.5s ease-in-out infinite alternate;
|
||||
}
|
||||
.masthead-rail-shimmer {
|
||||
animation: shimmer 11s ease-in-out infinite alternate;
|
||||
animation: shimmer 5s ease-in-out infinite alternate;
|
||||
}
|
||||
.masthead-rail-glow {
|
||||
animation: masthead-rail-glow 5.5s ease-in-out infinite alternate;
|
||||
|
||||
Reference in New Issue
Block a user