diff --git a/src/App.css b/src/App.css index b316ae4..d2d2966 100644 --- a/src/App.css +++ b/src/App.css @@ -1,40 +1,12 @@ .App { text-align: center; + width: 100%; } -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; +.layout { + width: 100%; display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } + gap: 5px; } /* @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); */ @@ -62,6 +34,7 @@ font-family: 'Lato', sans-serif; } + .home, .flights, .seasons { @@ -70,6 +43,7 @@ align-items: center; justify-content: center; font-size: 3rem; + width: 100%; } @@ -129,10 +103,6 @@ h1,h2,h4,p { text-align: center; } -.toindex -{ - text-align: left; -} .flexbox { @@ -150,20 +120,8 @@ h1,h2,h4,p align-items: flex-end; } -.header -{ - border: 0px; - font-weight: 900; - font-size: 2em; -} - -.pilot .header -{ - font-weight: bold; -} - .link { - font-size: 80%; + font-size: 90%; } diff --git a/src/App.tsx b/src/App.tsx index 3645e0d..17029ac 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -11,7 +11,7 @@ import Seasons from './pages/Seasons'; export default function App() { return( - <> +
@@ -20,6 +20,6 @@ export default function App() } /> - +
); } diff --git a/src/components/FlightsTable.tsx b/src/components/FlightsTable.tsx index 6b20e42..90f06e6 100644 --- a/src/components/FlightsTable.tsx +++ b/src/components/FlightsTable.tsx @@ -7,7 +7,7 @@ function Link2Flight(u_key: string, key: string, row: any, data: string | null) { var val: JSX.Element = <>; const link: string = 'https://de.dhv-xc.de/flight/' + row['IDFlight']; - val = {data}; + val = {data}; return val; } diff --git a/src/components/Navbar.css b/src/components/Navbar.css index 5a23bbc..7b8f310 100644 --- a/src/components/Navbar.css +++ b/src/components/Navbar.css @@ -1,15 +1,14 @@ .navbar { background-color: #ba3a07c2; - height: 80px; - width: 100px; + height: 40px; + min-width: 50px; display: flex; justify-content: flex-start; align-items: center; } .menu-bars { - margin-left: 2rem; - font-size: 2rem; + margin-left: 1rem; background: none; } @@ -62,7 +61,7 @@ .navbar-toggle { background-color: #ba3a07c2; width: 100%; - height: 80px; + height: 40px; display: flex; justify-content: flex-start; align-items: center; diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 1e8eced..bc408b7 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -15,9 +15,9 @@ export default function Navbar() return ( <> -
+
- +