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 ( - <> +
{easterEgg && eggImage && }
@@ -686,7 +686,7 @@ function App() {
); } diff --git a/client/src/components/Footer.tsx b/client/src/components/Footer.tsx index f194a43..42b56c0 100644 --- a/client/src/components/Footer.tsx +++ b/client/src/components/Footer.tsx @@ -1,7 +1,12 @@ import { Navbar } from "react-bootstrap"; export default function Footer() { - return + return 🄯 Žádná práva nevyhrazena. TODO a zdrojové kódy dostupné zde. } \ No newline at end of file