♻️ Refactor frontend

src/App.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { RouterView } from "vue-router";
 import TitleBar from "./components/titlebar-element.vue";
 import BottomNavbar from "./components/bottom-navbar.vue";
-import { RouterView } from "vue-router";
 import DateSelector from "./components/date-selector.vue";
 </script>
 

src/components/bottom-navbar.vue

@@ -48,11 +48,9 @@ import { RouterLink } from "vue-router";
   display: flex;
   align-items: center;
   justify-content: center;
-  height: inherit;
 }
 
 .entry .title {
-  text-decoration: none;
   padding: 0px 10px;
   font-size: 18px;
 }

src/components/titlebar-element.vue

@@ -38,6 +38,7 @@ function goBack() {
   display: flex;
   flex-direction: row;
   align-items: center;
+  z-index: 10;
 }
 
 .title {

src/views/HistoryView.vue

@@ -25,9 +25,9 @@ function getColor(type) {
     case "change":
       return "background-color: #14587E;";
     case "addition":
-      return "background-color:  #476331;";
+      return "background-color: #476331;";
     case "deletion":
-      return "background-color:  #7D2B2D;";
+      return "background-color: #7D2B2D;";
   }
 }
 </script>
@@ -68,10 +68,6 @@ function getColor(type) {
   padding: 0px 10px 80px 10px;
 }
 
-.title {
-  font-size: 18px;
-}
-
 .change {
   display: grid;
   background-color: #26272a;

src/views/LoginView.vue

@@ -18,9 +18,6 @@
   padding: 65px 10px 80px 10px;
 }
 
-body {
-  background-color: #353535;
-}
 .login {
   display: flex;
   justify-content: center;
@@ -28,13 +25,14 @@ body {
   flex-direction: column;
   font-family: Arial, Helvetica, sans-serif;
   color: #bdbdbd;
-  height: 80%;
 }
+
 form {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
+
 input {
   border: 0px;
   outline: none;

src/views/TimetableView.vue

@@ -90,11 +90,6 @@ function isCancelled(substitution) {
   padding: 0px 10px 80px 10px;
 }
 
-.title {
-  font-size: 18px;
-  text-align: center;
-}
-
 .lesson {
   display: grid;
   background-color: #26272a;