tweak Input padding and formatting
This commit is contained in:
parent
ce29bc8639
commit
155512069f
1 changed files with 4 additions and 3 deletions
|
|
@ -73,7 +73,9 @@
|
||||||
const showCounter = $derived(
|
const showCounter = $derived(
|
||||||
counter !== undefined || (charsRemaining !== undefined && charsRemaining <= 5)
|
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() {
|
function handleClear() {
|
||||||
value = ''
|
value = ''
|
||||||
|
|
@ -100,7 +102,6 @@
|
||||||
.filter(Boolean)
|
.filter(Boolean)
|
||||||
.join(' ')
|
.join(' ')
|
||||||
)
|
)
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<fieldset class={fieldsetClasses}>
|
<fieldset class={fieldsetClasses}>
|
||||||
|
|
@ -295,7 +296,7 @@
|
||||||
// border: 2px solid transparent;
|
// border: 2px solid transparent;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
padding: calc($unit * 1.75) $unit-2x;
|
padding: calc($unit * 1.5) $unit-2x;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: $font-regular;
|
font-size: $font-regular;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue