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

feat(SearchBar): enhance searchbar styling

Browse Source
This commit is contained in:
Ilia Mashkov
2026-01-22 15:35:18 +03:00
parent 52111ee941
commit 1712134f64
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,7 +70,14 @@ function handleInputClick() {
bind:value={value} bind:value={value}
onkeydown={handleKeyDown} onkeydown={handleKeyDown}
onclick={handleInputClick} onclick={handleInputClick}
class="flex flex-row flex-1" class="
h-20 w-full md:text-2xl backdrop-blur-sm bg-white/60 dark:bg-slate-900/40
border-2 border-slate-200/50 dark:border-slate-700/50
focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/50
hover:bg-white/70 dark:hover:bg-slate-900/50 text-slate-900 dark:text-slate-100
placeholder:text-slate-400 px-6 py-4 rounded-2xl transition-all duration-300
font-medium
"
/> />
</div> </div>
{/snippet} {/snippet}
@@ -83,7 +90,7 @@ function handleInputClick() {
e.preventDefault(); e.preventDefault();
} }
})} })}
class="w-(--bits-popover-anchor-width) min-w-(--bits-popover-anchor-width)" class="w-(--bits-popover-anchor-width) min-w-(--bits-popover-anchor-width) md:rounded-2xl"
> >
{@render children?.({ id: contentId })} {@render children?.({ id: contentId })}
</PopoverContent> </PopoverContent>