Home hero search: polish mobile layout (stacked bordered input + full-width button)

On small screens the pill now stacks cleanly: a bordered, padded input above a full-width جستجو button; icon hidden; chips centered. Shorter placeholder so it never overflows. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-08 23:14:25 +03:30
parent bcf90f2437
commit 69e2a12a3a
2 changed files with 9 additions and 5 deletions
@@ -18,7 +18,7 @@
            <div class="hero-search-pill">
                <span class="hs-ico">🔎</span>
                <input type="search" name="Q" autocomplete="off"
-                       placeholder="جستجو کن: پرستار شب تهران، mmt، دندان‌پزشک پروانه‌دار، آماده به کار…" />
+                       placeholder="جستجو: پرستار، mmt، دندان‌پزشک…" />
                <button type="submit" class="btn btn-accent btn-lg">جستجو</button>
            </div>
            <div class="hero-chips">