Răsfoiți Sursa

fix: truncate long search queries in empty state

David Hill 1 lună în urmă
părinte
comite
38847e13bb
1 a modificat fișierele cu 5 adăugiri și 2 ștergeri
  1. 5 2
      packages/ui/src/components/list.css

+ 5 - 2
packages/ui/src/components/list.css

@@ -94,7 +94,7 @@
 
 
     [data-slot="list-empty-state"] {
     [data-slot="list-empty-state"] {
       display: flex;
       display: flex;
-      padding: 32px 0px;
+      padding: 32px 48px;
       flex-direction: column;
       flex-direction: column;
       justify-content: center;
       justify-content: center;
       align-items: center;
       align-items: center;
@@ -106,8 +106,9 @@
         justify-content: center;
         justify-content: center;
         align-items: center;
         align-items: center;
         gap: 2px;
         gap: 2px;
+        max-width: 100%;
         color: var(--text-weak);
         color: var(--text-weak);
-        text-align: center;
+        white-space: nowrap;
 
 
         /* text-14-regular */
         /* text-14-regular */
         font-family: var(--font-family-sans);
         font-family: var(--font-family-sans);
@@ -120,6 +121,8 @@
 
 
       [data-slot="list-filter"] {
       [data-slot="list-filter"] {
         color: var(--text-strong);
         color: var(--text-strong);
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
       }
     }
     }