diff --git a/client/src/App.scss b/client/src/App.scss index 025e3d9..0e92c0b 100644 --- a/client/src/App.scss +++ b/client/src/App.scss @@ -51,8 +51,24 @@ font-size: 64px; } +/* Sticky footer layout */ +html, +body, +#root { + height: 100%; + margin: 0; +} + +.app-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + .wrapper { padding: 20px; + flex: 1; + /* Zabere zbytek místa */ } .title { diff --git a/client/src/App.tsx b/client/src/App.tsx index 0d5d36b..9fab6f0 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -435,7 +435,7 @@ function App() { const { path, url, startOffset, endOffset, duration, ...style } = easterEgg || {}; return ( - <> +