From 5de67fdf58cc9f6419b52b12b4a9eb443ddf434c Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Mon, 9 Feb 2026 11:02:16 +0000
Subject: [PATCH] fix flexbox

---
 nginx/vue/src/views/Home.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index d0084a0..3cf281e 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/nginx/vue/src/views/Home.vue
@@ -32,7 +32,7 @@ import UtenaFrame from "@/components/borders/UtenaFrame.vue";
                 <Gym class="gym" />
             </div>
             <div
-                class="flex flex-col sidebar border-primary place-content-between h-full sticky w-60 m-10"
+                class="sidebar border-primary place-content-between flex-1 flex flex-col m-10 w-60"
             >
                 <div class="flex flex-col">
                     <Time />
@@ -40,10 +40,12 @@ import UtenaFrame from "@/components/borders/UtenaFrame.vue";
                     <!-- <Chat class="bdr-2 bg-bg_primary" /> -->
                     <!-- <MusicPlayer /> -->
                 </div>
-                <img
-                    src="/img/memes/fire-woman.gif"
-                    class="border-tertiary border"
-                />
+                <div>
+                    <img
+                        src="/img/memes/fire-woman.gif"
+                        class="border-tertiary border"
+                    />
+                </div>
             </div>
         </div>
     </main>
@@ -51,7 +53,7 @@ import UtenaFrame from "@/components/borders/UtenaFrame.vue";
 
 <style scoped>
 .homeGrid > * {
-    @apply border-2 border;
+    border: 2px solid var(--quaternary);
     border-color: var(--quaternary);
     background-color: var(--bg_primary);
 }