gsadmin/sencho
1
0
Fork 0
mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-08-25 09:46:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: increase masthead rail shimmer visibility

Browse Source 
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:
SaelixCode
2026-07-02 11:12:11 -04:00
parent c9dcc3acf3
commit 715cc88362
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ui/MastheadRail.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ export function MastheadRail({ variant, className }: MastheadRailProps) {
className={cn('absolute inset-y-0 left-0 w-[3px] overflow-hidden', className)} className={cn('absolute inset-y-0 left-0 w-[3px] overflow-hidden', className)}
> >
{variant === 'shimmer' ? ( {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" /> <div className="masthead-rail-glow absolute inset-0" />
)} )}
frontend/src/index.css
+1 -1
View File
@@ -743,7 +743,7 @@ body {
animation: shimmer 4.5s ease-in-out infinite alternate; animation: shimmer 4.5s ease-in-out infinite alternate;
} }
.masthead-rail-shimmer { .masthead-rail-shimmer {
animation: shimmer 11s ease-in-out infinite alternate; animation: shimmer 5s ease-in-out infinite alternate;
} }
.masthead-rail-glow { .masthead-rail-glow {
animation: masthead-rail-glow 5.5s ease-in-out infinite alternate; animation: masthead-rail-glow 5.5s ease-in-out infinite alternate;