glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(Input): tweak styles

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-18 17:02:32 +03:00
parent 201280093f
commit 9f91fed692
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/shared/ui/Input/Input.svelte
View File

@@ -27,19 +27,19 @@ export const inputVariants = tv({
'h-9 sm:h-10 md:h-11 rounded-lg', 'h-9 sm:h-10 md:h-11 rounded-lg',
'px-3 sm:px-3.5 md:px-4', 'px-3 sm:px-3.5 md:px-4',
'text-xs sm:text-sm md:text-base', '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: [ md: [
'h-10 sm:h-12 md:h-14 rounded-xl', 'h-10 sm:h-12 md:h-14 rounded-xl',
'px-3.5 sm:px-4 md:px-5', 'px-3.5 sm:px-4 md:px-5',
'text-sm sm:text-base md:text-lg', '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: [ lg: [
'h-12 sm:h-14 md:h-16 rounded-2xl', 'h-12 sm:h-14 md:h-16 rounded-2xl',
'px-4 sm:px-5 md:px-6', 'px-4 sm:px-5 md:px-6',
'text-sm sm:text-base md:text-lg', '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> </script>
<BaseInput <BaseInput
bind:value={value} bind:value
class={cn(inputVariants({ variant, size }), className)} class={cn(inputVariants({ variant, size }), className)}
{...rest} {...rest}
/> />