fix: several layout issues (#305)

* fix login version issue * allow wrapping on action menu
hay-kot · Feb 18, 2023 · 9d9b05d · 9d9b05d
1 parent 3ac6c7c
commit 9d9b05d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
@@ -109,7 +109,7 @@
 </script>
 
 <template>
-  <div>
+  <div class="flex flex-col min-h-screen">
     <div class="fill-primary min-w-full absolute top-0 z-[-1]">
       <div class="bg-primary flex-col flex min-h-[20vh]" />
       <svg
@@ -226,7 +226,7 @@
         </div>
       </div>
     </div>
-    <footer v-if="status" class="absolute text-center w-full bottom-0 pb-4">
+    <footer v-if="status" class="mt-auto text-center w-full bottom-0 pb-4">
       <p class="text-center text-sm">Version: {{ status.build.version }} ~ Build: {{ status.build.commit }}</p>
     </footer>
   </div>

diff --git a/frontend/pages/label/[id].vue b/frontend/pages/label/[id].vue
@@ -134,7 +134,7 @@
       </template>
 
       <template #title-actions>
-        <div class="flex mt-2 gap-2">
+        <div class="flex flex-wrap mt-2 gap-2">
           <div class="form-control max-w-[160px]">
             <label class="label cursor-pointer">
               <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />

diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
@@ -156,7 +156,7 @@
         </template>
 
         <template #title-actions>
-          <div class="flex mt-2 gap-2">
+          <div class="flex flex-wrap mt-2 gap-2">
             <div class="form-control max-w-[160px]">
               <label class="label cursor-pointer">
                 <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />