fix: add max-width only when key and value

iotaledger · Oct 11, 2023 · 3bf7a31 · 3bf7a31
1 parent 8e5393d
commit 3bf7a31
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/shared/components/SelectorInput.svelte b/packages/shared/components/SelectorInput.svelte
@@ -92,7 +92,12 @@
                         on:click={() => onClick(option)}
                         class="w-full flex flex-row flex-1 justify-between items-center px-2 py-3 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-800 dark:hover:bg-opacity-20"
                     >
-                        <div class="flex flex-row gap-3 justify-start items-center flex-1 max-w-[50%] overflow-hidden">
+                        <div
+                            class="flex flex-row gap-3 justify-start items-center flex-1 overflow-hidden {option.value &&
+                            option.key
+                                ? 'max-w-[50%]'
+                                : ''}"
+                        >
                             <slot {option} {index}>
                                 <!-- Contains Custom Selector -->
                             </slot>