Обновить app/routes/home.tsx
This commit is contained in:
parent
192795b4e8
commit
03ec32c0a2
|
|
@ -92,9 +92,10 @@ export default function Home() {
|
||||||
onMouseLeave={() => setFabIsHovered(false)}
|
onMouseLeave={() => setFabIsHovered(false)}
|
||||||
variant={fabIsHovered ? 'extended' : 'circular'}
|
variant={fabIsHovered ? 'extended' : 'circular'}
|
||||||
sx={{
|
sx={{
|
||||||
position: 'absolute',
|
position: 'fixed',
|
||||||
bottom: 16,
|
bottom: 16,
|
||||||
right: 16,
|
right: 16,
|
||||||
|
z-index: 1000,
|
||||||
width: fabIsHovered ? '160px' : '56px', // Переход между кругом и овалом
|
width: fabIsHovered ? '160px' : '56px', // Переход между кругом и овалом
|
||||||
transition: 'width 0.3s ease-in-out',
|
transition: 'width 0.3s ease-in-out',
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue