fixed jumpy buttons, moved user profile to its own component

This commit is contained in:
proddy
2025-11-10 21:20:10 +01:00
parent 0ef0ca8518
commit 22d015615d
3 changed files with 61 additions and 93 deletions

View File

@@ -27,13 +27,11 @@ const LayoutMenuItemComponent = ({
const buttonStyles: SxProps<Theme> = useMemo(
() => ({
transition: 'all 0.05s cubic-bezier(0.55, 0.085, 0.68, 0.53)',
transform: selected ? 'scale(1.02)' : 'scale(1)',
backgroundColor: selected ? 'rgba(144, 202, 249, 0.1)' : 'transparent',
borderRadius: '8px',
margin: '2px 8px',
'&:hover': {
backgroundColor: 'rgba(68, 82, 211, 0.39)',
transform: selected ? 'scale(1.02)' : 'scale(1.01)'
backgroundColor: 'rgba(68, 82, 211, 0.39)'
},
'&::before': {
content: '""',