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 {
padding: 0.85rem 2rem !important;
font-size: 0.85rem !important;
padding: 1.2rem 3rem !important;
font-size: 1.1rem !important;
}
}

16
src/components/ScrollOverlays.tsx
View File

@ -272,25 +272,25 @@ export function ScrollOverlays() {
display: 'inline-flex',
alignItems: 'center',
gap: '0.75rem',
padding: '1rem 2.5rem',
borderRadius: '3rem',
padding: '1.4rem 3.5rem',
borderRadius: '4rem',
background: 'linear-gradient(135deg, #c4a265, #d4b47a)',
color: '#ffffff',
fontSize: '0.95rem',
fontWeight: 600,
letterSpacing: '0.1em',
fontSize: '1.2rem',
fontWeight: 700,
letterSpacing: '0.12em',
textTransform: 'uppercase',
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',
}}
>
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" />
</svg>
</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
</span>
</div>