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

feat(Input): move extended left padding into SearchBar classes

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-07 19:18:49 +03:00
parent 662d4ac626
commit a1bc359c7f
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,7 +44,7 @@ let {
'placeholder:font-mono', 'placeholder:font-mono',
'placeholder:text-xs sm:placeholder:text-sm', 'placeholder:text-xs sm:placeholder:text-sm',
'placeholder:tracking-wide', 'placeholder:tracking-wide',
'pl-11 sm:pl-14 pr-4 sm:pr-6', 'pl-4 sm:pl-6 pr-4 sm:pr-6',
'rounded-xl', 'rounded-xl',
'transition-all duration-200', 'transition-all duration-200',
'font-medium', 'font-medium',

3
src/shared/ui/SearchBar/SearchBar.svelte
View File

@@ -1,5 +1,6 @@
<!-- Component: SearchBar --> <!-- Component: SearchBar -->
<script lang="ts"> <script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils';
import { Input } from '$shared/ui'; import { Input } from '$shared/ui';
import AsteriskIcon from '@lucide/svelte/icons/asterisk'; import AsteriskIcon from '@lucide/svelte/icons/asterisk';
@@ -34,5 +35,5 @@ let {
<div class="absolute left-4 sm:left-5 top-1/2 -translate-y-1/2 pointer-events-none z-10"> <div class="absolute left-4 sm:left-5 top-1/2 -translate-y-1/2 pointer-events-none z-10">
<AsteriskIcon class="size-3 sm:size-4 stroke-gray-400 stroke-[1.5]" /> <AsteriskIcon class="size-3 sm:size-4 stroke-gray-400 stroke-[1.5]" />
</div> </div>
<Input {id} class={className} bind:value={value} placeholder={placeholder} /> <Input {id} class={cn('pl-11 sm:pl-14', className)} bind:value={value} placeholder={placeholder} />
</div> </div>