Просмотр исходного кода

tweak(ui): fit session attachment card width

David Hill 1 месяц назад
Родитель
Сommit
085f66daed
1 измененных файлов с 6 добавлено и 3 удалено
  1. 6 3
      packages/ui/src/components/message-part.css

+ 6 - 3
packages/ui/src/components/message-part.css

@@ -62,9 +62,10 @@
     }
 
     &[data-type="file"] {
-      width: min(220px, 100%);
+      width: fit-content;
+      max-width: min(260px, 100%);
       height: 48px;
-      padding: 0 10px;
+      padding: 0 18px 0 10px;
       background: var(--background-stronger);
     }
   }
@@ -90,7 +91,8 @@
   }
 
   [data-slot="user-message-attachment-file"] {
-    width: 100%;
+    width: fit-content;
+    max-width: 100%;
     min-width: 0;
     display: flex;
     align-items: center;
@@ -105,6 +107,7 @@
 
   [data-slot="user-message-attachment-name"] {
     min-width: 0;
+    max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;