feat(app): update scroll-to-top button colors for improved visibility

This commit is contained in:
OlgunR
2025-12-10 14:26:05 +01:00
parent 10e1c5a971
commit 214afea43d

View File

@@ -48,14 +48,14 @@ export default function App({ children }: AppProps) {
height: 48, height: 48,
position: 'fixed', position: 'fixed',
color: 'common.white', color: 'common.white',
bgcolor: 'primary.main', bgcolor: '#a52431',
boxShadow: (theme) => theme.shadows[6], boxShadow: (theme) => theme.shadows[6],
opacity: showScrollTop ? 1 : 0, opacity: showScrollTop ? 1 : 0,
pointerEvents: showScrollTop ? 'auto' : 'none', pointerEvents: showScrollTop ? 'auto' : 'none',
transform: showScrollTop ? 'translateY(0)' : 'translateY(12px)', transform: showScrollTop ? 'translateY(0)' : 'translateY(12px)',
transition: 'opacity 0.24s ease, transform 0.24s ease', transition: 'opacity 0.24s ease, transform 0.24s ease',
'&:hover': { '&:hover': {
bgcolor: 'primary.dark', bgcolor: '#8c1e2a',
boxShadow: (theme) => theme.shadows[8], boxShadow: (theme) => theme.shadows[8],
}, },
}} }}