diff --git a/app/assets/styles/home.css b/app/assets/styles/home.css index 1a553c8..667db94 100644 --- a/app/assets/styles/home.css +++ b/app/assets/styles/home.css @@ -17,7 +17,8 @@ .bg-dark { background-color: #282c34; - height: 100%; + min-height: 100%; + height: auto; } .list-container { diff --git a/app/routes/home.tsx b/app/routes/home.tsx index 12b96e9..5e5d20b 100644 --- a/app/routes/home.tsx +++ b/app/routes/home.tsx @@ -92,9 +92,10 @@ export default function Home() { onMouseLeave={() => setFabIsHovered(false)} variant={fabIsHovered ? 'extended' : 'circular'} sx={{ - position: 'absolute', + position: 'fixed', bottom: 16, right: 16, + zIndex: 1000, width: fabIsHovered ? '160px' : '56px', // Переход между кругом и овалом transition: 'width 0.3s ease-in-out', overflow: 'hidden',