ldez/new-manga
1
0
Fork 0
mirror of https://github.com/ld3z/new-manga.git synced 2026-11-09 20:23:45 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

try this

Browse source
This commit is contained in:
ld3zian 2025-01-27 16:53:34 -07:00
parent 5e95e0d921
commit cd52b53cf2
5 changed files with 31 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/SlugInput.astro
View file

@ -21,20 +21,20 @@ const languages = [
];
---
<div class="space-y-6">
<div class="flex flex-col gap-4">
<div class="flex gap-2">
<div class="space-y-4 sm:space-y-6">
<div class="flex flex-col gap-3 sm:gap-4">
<div class="flex flex-col sm:flex-row gap-2">
<div class="flex-1">
<input
type="text"
id="search-input"
placeholder="Search for comics..."
class="w-full px-4 py-2 bg-primary rounded-lg border border-hover/30 focus:outline-none focus:border-accent/50 transition-colors"
class="w-full px-3 sm:px-4 py-2 bg-primary rounded-lg border border-hover/30 focus:outline-none focus:border-accent/50 transition-colors text-sm sm:text-base"
/>
</div>
<select
id="lang-select"
class="px-4 py-2 bg-primary rounded-lg border border-hover/30 focus:outline-none focus:border-accent/50 transition-colors"
class="px-3 sm:px-4 py-2 bg-primary rounded-lg border border-hover/30 focus:outline-none focus:border-accent/50 transition-colors text-sm sm:text-base"
>
{languages.map(lang => (
<option value={lang.value}>{lang.label}</option>