next: tweaked filter badge sizes

exceptionless · Feb 21, 2025 · 6869fe3 · 6869fe3
1 parent da20a9c
commit 6869fe3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...ntApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-value.svelte b/...ntApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-value.svelte
@@ -11,10 +11,10 @@
 </script>
 
 <Badge class="rounded-sm px-1 font-normal lg:hidden" variant="secondary">
-    <span class="max-w-24 truncate">{@render children()}</span>
+    <span class="max-w-24 truncate md:max-w-48">{@render children()}</span>
 </Badge>
 <div class="hidden space-x-1 lg:flex">
     <Badge class="rounded-sm px-1 font-normal" variant="secondary">
-        <span class="max-w-60 truncate">{@render children()}</span>
+        <span class="md:max-w-120 max-w-60 truncate">{@render children()}</span>
     </Badge>
 </div>
diff --git a/...tApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-values.svelte b/...tApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-values.svelte
@@ -23,7 +23,7 @@
         {:else}
             {#each values as value (value)}
                 <Badge class="rounded-sm px-1 font-normal" variant="secondary">
-                    <span class="max-w-14 truncate">{@render displayValue(value)}</span>
+                    <span class="max-w-24 truncate md:max-w-48">{@render displayValue(value)}</span>
                 </Badge>
             {/each}
         {/if}