hazem/yslootahrobotics
1
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance overlay button styles for improved visibility and user experience
Some checks failed
CI/CD / test-and-build (push) Has been cancelled
Details
CI/CD / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Najjar\NajjarV02 2026-04-17 16:35:47 +04:00
parent 7503a487ee
commit 6c5f1f7f15
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/globals.css
View File

@ -475,8 +475,8 @@ html {
} }
.overlay-cta-btn { .overlay-cta-btn {
padding: 0.85rem 2rem !important; padding: 1.2rem 3rem !important;
font-size: 0.85rem !important; font-size: 1.1rem !important;
} }
} }

16
src/components/ScrollOverlays.tsx
View File

@ -272,25 +272,25 @@ export function ScrollOverlays() {
display: 'inline-flex', display: 'inline-flex',
alignItems: 'center', alignItems: 'center',
gap: '0.75rem', gap: '0.75rem',
padding: '1rem 2.5rem', padding: '1.4rem 3.5rem',
borderRadius: '3rem', borderRadius: '4rem',
background: 'linear-gradient(135deg, #c4a265, #d4b47a)', background: 'linear-gradient(135deg, #c4a265, #d4b47a)',
color: '#ffffff', color: '#ffffff',
fontSize: '0.95rem', fontSize: '1.2rem',
fontWeight: 600, fontWeight: 700,
letterSpacing: '0.1em', letterSpacing: '0.12em',
textTransform: 'uppercase', textTransform: 'uppercase',
textDecoration: 'none', textDecoration: 'none',
boxShadow: '0 8px 32px rgba(196, 162, 101, 0.3)', boxShadow: '0 12px 40px rgba(196, 162, 101, 0.45)',
transition: 'all 0.3s ease', transition: 'all 0.3s ease',
}} }}
> >
Configure Your G1 Configure Your G1
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" /> <line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" />
</svg> </svg>
</Link> </Link>
<span style={{ fontSize: '0.7rem', color: '#94a3b8', letterSpacing: '0.15em', textTransform: 'uppercase' }}> <span style={{ fontSize: '0.8rem', color: '#94a3b8', letterSpacing: '0.15em', textTransform: 'uppercase' }}>
Build &amp; Order Your Robot Build &amp; Order Your Robot
</span> </span>
</div> </div>