Fix Footer

DmytroFrame · Feb 26, 2024 · b670695 · b670695
1 parent 6b01619
commit b670695
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 21 deletions.
diff --git a/src/App.css b/src/App.css
@@ -10,10 +10,13 @@ html {
  margin-right: calc(-1 * (100vw - 100%));
 }
 
+.App {
+ min-height: 99%;
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+}
+
 footer {
- position: fixed;
- bottom: 20px;
- width: 100%;
- left: 50%;
- transform: translateX(-50%);
+ flex: 1;
 }
diff --git a/src/App.jsx b/src/App.jsx
@@ -21,20 +21,28 @@ export default function App() {
  return (
  <AntdConfigProvider>
  <div className="App">
- <AppTitle />
- <Divider />
+ <header>
+ <AppTitle />
+ <Divider />
+ </header>
 
- {findOptions === null && (
- <SetupScreen saveFindOptions={onChangeFindOptions} />
- )}
+ <main>
+ {findOptions === null && (
+ <SetupScreen saveFindOptions={onChangeFindOptions} />
+ )}
 
- {findOptions !== null && (
- <ScheduleScreen
- findOptions={findOptions}
- changeFindOptions={onChangeFindOptions}
- />
- )}
+ {findOptions !== null && (
+ <ScheduleScreen
+ findOptions={findOptions}
+ changeFindOptions={onChangeFindOptions}
+ />
+ )}
+ </main>
+
+ <br />
+ <br />
  </div>
+
  <Footer />
  </AntdConfigProvider>
  );

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -6,20 +6,22 @@ const { Link, Text } = Typography;
 export default function Footer() {
  return (
  <footer>
-
  <Text> Authors </Text>
 
  <Link href="https://github.com/DmytroFrame" target="_blank">
- Dmytro Kostyshyn
+ D. Kostyshyn
  </Link>
  <Text> & </Text>
  <Link href="https://linkedin.com/in/vladyslav-lutchyn/" target="_blank">
- Vladyslav Lutchyn
+ V. Lutchyn
  </Link>
 
  <Text> - </Text>
- <Link href="http://195.162.83.28/cgi-bin/timetable.cgi?n=700" target="_blank">
- Data Source
+ <Link
+ href="http://195.162.83.28/cgi-bin/timetable.cgi?n=700"
+ target="_blank"
+ >
+ Source
  </Link>
  </footer>
  );