feat(app): update scroll-to-top button colors for improved visibility
This commit is contained in:
@@ -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],
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
|
|||||||
Reference in New Issue
Block a user