update css

jonaskahn · Sep 19, 2024 · 925898b · 925898b
1 parent 17763a3
commit 925898b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/web/assets/css/global.css b/web/assets/css/global.css
@@ -77,7 +77,3 @@
   border-radius: 20px;
   background-color: rgba(176, 176, 176, 0.9);
 }
-
-.h-86 {
-  height: 21.5rem;
-}
diff --git a/web/assets/css/tailwind.css b/web/assets/css/tailwind.css
@@ -39,4 +39,9 @@
   --tw-text-opacity: 1;
   color: var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)));
 }
+
+.h-108 {
+  height: 27rem;
+}
+
 @tailwind utilities;
diff --git a/web/pages/chat/[id].vue b/web/pages/chat/[id].vue
@@ -281,10 +281,10 @@ onMounted(async () => {
             </div>
           </div>
 
-          <div class="hidden md:block">
+          <div class="hidden md:block overflow-y-auto h-108">
             <article
               v-if="summary"
-              class="transition-none md:transition ease-in-out md:hover:-translate-y-1 md:hover:h-full md:hover:w-full duration-1000 overflow-y-auto h-86"
+              class="transition-none md:transition ease-in-out md:hover:-translate-y-1 md:hover:h-full md:hover:w-full duration-1000"
             >
               <MDCRenderer
                 :body="summary.body"