diff --git a/src/lib/components/ui/Input.svelte b/src/lib/components/ui/Input.svelte index 4258d5de..105421c3 100644 --- a/src/lib/components/ui/Input.svelte +++ b/src/lib/components/ui/Input.svelte @@ -73,7 +73,9 @@ const showCounter = $derived( counter !== undefined || (charsRemaining !== undefined && charsRemaining <= 5) ) - const hasWrapper = $derived(accessory || leftIcon || rightIcon || clearable || maxLength !== undefined || validationIcon) + const hasWrapper = $derived( + accessory || leftIcon || rightIcon || clearable || maxLength !== undefined || validationIcon + ) function handleClear() { value = '' @@ -100,7 +102,6 @@ .filter(Boolean) .join(' ') ) -
@@ -295,7 +296,7 @@ // border: 2px solid transparent; box-sizing: border-box; color: var(--text-primary); - padding: calc($unit * 1.75) $unit-2x; + padding: calc($unit * 1.5) $unit-2x; width: 100%; font-size: $font-regular; font-family: inherit;