fix: go back to flex-col for itms

Signed-off-by: Martichou <[email protected]>
Martichou · Mar 24, 2024 · 3597da8 · 3597da8
1 parent 4112d9e
commit 3597da8
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 6 deletions.
diff --git a/frontend/src/assets/main.postcss b/frontend/src/assets/main.postcss
@@ -155,10 +155,6 @@ body,
     }
 }
 
-.grid-template-rows-auto {
-	grid-template-rows: auto auto 1fr 1fr;
-}
-
 .btn {
 	@apply h-12 min-h-12 cursor-pointer rounded-xl font-medium px-4 inline-flex justify-center items-center gap-2 hover:bg-gray-500 hover:bg-opacity-10
 }

diff --git a/frontend/src/components/HomePage.vue b/frontend/src/components/HomePage.vue
@@ -122,8 +122,7 @@
 				</p>
 			</div>
 			<div
-				class="flex-1 grid grid-cols-1 bg-white w-full max-w-full min-w-0 min-h-full rounded-tl-[3rem] p-12 h-1 overflow-y-scroll"
-				:class="{'grid-template-rows-auto': !displayedIsEmpty}">
+				class="flex-1 flex flex-col bg-white w-full max-w-full min-w-0 min-h-full rounded-tl-[3rem] p-12 h-1 overflow-y-scroll">
 				<h3 class="mb-4 font-medium text-xl">
 					<span v-if="displayedIsEmpty">Ready to receive{{ outboundPayload != undefined ? ' / send' : '' }}</span>
 					<span v-else>Nearby devices</span>
-Original file line number
+Diff line change
@@ Expand Up / @@ -155,10 +155,6 @@ body, @@
         }
     }
-    .grid-template-rows-auto {
-    	grid-template-rows: auto auto 1fr 1fr;
-    }
     .btn {
     	@apply h-12 min-h-12 cursor-pointer rounded-xl font-medium px-4 inline-flex justify-center items-center gap-2 hover:bg-gray-500 hover:bg-opacity-10
     }
@@ Expand Down @@