[fix] solution/frontend: 히어로 검색창을 pill 에서 rounded-xl 로 — 페이지 카드 곡률과 어긋났다
This commit is contained in:
parent
0c3f8dd3b0
commit
ee8ba59036
@ -77,7 +77,7 @@ export function LandingPage() {
|
|||||||
<form onSubmit={submit} className="mx-auto mt-6 flex max-w-lg gap-2">
|
<form onSubmit={submit} className="mx-auto mt-6 flex max-w-lg gap-2">
|
||||||
<div className="relative flex-1">
|
<div className="relative flex-1">
|
||||||
<Search
|
<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
|
aria-hidden
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
@ -85,10 +85,10 @@ export function LandingPage() {
|
|||||||
onChange={(e) => setQuery(e.target.value)}
|
onChange={(e) => setQuery(e.target.value)}
|
||||||
placeholder="가게 이름을 입력하세요"
|
placeholder="가게 이름을 입력하세요"
|
||||||
aria-label="가게 이름"
|
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>
|
</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>
|
</Button>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user