fix(webapp): footer

webapp/src/App.vue

@@ -3,11 +3,17 @@
     :drawer-id="drawerId"
     :navigation-entries="navigationEntries"
   >
-    <div class="flex min-h-full grow flex-col">
+    <div class="flex min-h-screen flex-col items-stretch">
-      <RouterView v-if="route.name != 'radio'" />
+      <RouterView
-      <ViewRadio v-show="route.name == 'radio'" />
+        v-if="route.name != 'radio'"
+        class="shrink-0 grow"
+      />
+      <ViewRadio
+        v-show="route.name == 'radio'"
+        class="shrink-0 grow"
+      />
     </div>
-    <AtomFooter v-if="route.name != 'bank'" />
+    <AtomFooter class="shrink-0" />
   </MoleculeNavigationDrawer>
 </template>
 

webapp/src/components/molecules/MoleculeNavigationDrawer.vue

@@ -11,7 +11,7 @@
       type="checkbox"
       class="drawer-toggle"
     />
-    <div class="drawer-content flex h-screen flex-col overflow-y-scroll bg-base-300">
+    <div class="drawer-content flex flex-col bg-base-300 pl-64">
       <div
         class="navbar top-0 place-self-center shadow-lg"
         :class="{
@@ -38,7 +38,7 @@
       </div>
       <slot />
     </div>
-    <div class="drawer-side">
+    <div class="drawer-side !fixed">
       <label
         :for="drawerId"
         class="drawer-overlay"