Fix model card truncation & overflow

2025-08-08 12:08:34 +01:00
parent abebf2672a
commit c1840f42d7
3 changed files with 6 additions and 3 deletions
@@ -9,7 +9,7 @@
      </div>
      <slot name="actions"></slot>
    </div>
-    <div class="flex-1 overflow-y-auto">
+    <div class="flex-1 overflow-y-auto overflow-x-hidden">
      <slot />
    </div>
  </div>
@@ -39,7 +39,7 @@
            {{ createdAtFormatted.relative }}
          </div>
        </div>
-        <div class="flex items-center ml-auto mr-2">
+        <div class="flex items-center ml-auto mr-2 w-0 group-hover:w-auto">
          <LayoutMenu
            v-model:open="showActionsMenu"
            :items="actionsItems"
@@ -61,7 +61,10 @@
            </template>
          </div>

-          <div ref="containerRef" class="flex-1 simple-scrollbar overflow-auto">
+          <div
+            ref="containerRef"
+            class="flex-1 simple-scrollbar overflow-y-auto overflow-x-hidden"
+          >
            <div
              :style="{
                height: `${totalSize}px`,