feat(Input): tweak styles
This commit is contained in:
@@ -27,19 +27,19 @@ export const inputVariants = tv({
|
||||
'h-9 sm:h-10 md:h-11 rounded-lg',
|
||||
'px-3 sm:px-3.5 md:px-4',
|
||||
'text-xs sm:text-sm md:text-base',
|
||||
'placeholder:text-xs sm:placeholder:text-sm md:placeholder:text-base',
|
||||
'placeholder:text-[0.75rem] sm:placeholder:text-sm md:placeholder:text-base',
|
||||
],
|
||||
md: [
|
||||
'h-10 sm:h-12 md:h-14 rounded-xl',
|
||||
'px-3.5 sm:px-4 md:px-5',
|
||||
'text-sm sm:text-base md:text-lg',
|
||||
'placeholder:text-xs sm:placeholder:text-sm md:placeholder:text-base',
|
||||
'placeholder:text-[0.75rem] sm:placeholder:text-sm md:placeholder:text-base',
|
||||
],
|
||||
lg: [
|
||||
'h-12 sm:h-14 md:h-16 rounded-2xl',
|
||||
'px-4 sm:px-5 md:px-6',
|
||||
'text-sm sm:text-base md:text-lg',
|
||||
'placeholder:text-xs sm:placeholder:text-sm md:placeholder:text-base',
|
||||
'placeholder:text-[0.75rem] sm:placeholder:text-sm md:placeholder:text-base',
|
||||
],
|
||||
},
|
||||
},
|
||||
@@ -84,7 +84,7 @@ let {
|
||||
</script>
|
||||
|
||||
<BaseInput
|
||||
bind:value={value}
|
||||
bind:value
|
||||
class={cn(inputVariants({ variant, size }), className)}
|
||||
{...rest}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user