[fix] solution/frontend: 히어로 검색창을 pill 에서 rounded-xl 로 — 페이지 카드 곡률과 어긋났다

This commit is contained in:
Mina Choi 2026-09-03 10:59:13 +09:00
parent 0c3f8dd3b0
commit ee8ba59036

View File

@ -77,7 +77,7 @@ export function LandingPage() {
<form onSubmit={submit} className="mx-auto mt-6 flex max-w-lg gap-2">
<div className="relative flex-1">
<Search
className="pointer-events-none absolute top-1/2 left-5 size-4 -translate-y-1/2 text-muted-foreground"
className="pointer-events-none absolute top-1/2 left-4 size-4 -translate-y-1/2 text-muted-foreground"
aria-hidden
/>
<input
@ -85,10 +85,10 @@ export function LandingPage() {
onChange={(e) => setQuery(e.target.value)}
placeholder="가게 이름을 입력하세요"
aria-label="가게 이름"
className="h-13 w-full rounded-full border border-border bg-card pr-5 pl-12 text-sm shadow-sm transition-colors outline-none placeholder:text-muted-foreground focus:border-ring focus:ring-1 focus:ring-ring"
className="h-13 w-full rounded-xl border border-border bg-card pr-5 pl-11 text-sm shadow-sm transition-colors outline-none placeholder:text-muted-foreground focus:border-ring focus:ring-1 focus:ring-ring"
/>
</div>
<Button type="submit" variant="primary" size="lg" className="h-13 shrink-0 rounded-full px-7">
<Button type="submit" variant="primary" size="lg" className="h-13 shrink-0 rounded-xl px-7">
확인하기
</Button>
</form>