fix: swap header order so neighborhood selector sits on the right and login/cart button on the top-left
This commit is contained in:
parent
3609c97e34
commit
6f207753be
2 changed files with 10 additions and 10 deletions
|
|
@ -10,7 +10,7 @@ export function LocationReminderBanner() {
|
||||||
if (dismissed) return null;
|
if (dismissed) return null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="relative mx-4 flex flex-col gap-4 rounded-2xl border border-[#F0642D] bg-[#FFFBF7] p-4">
|
<div className="relative mx-4 flex flex-col gap-5 rounded-2xl border border-[#F0642D] bg-[#FFFBF7] p-4">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => setDismissed(true)}
|
onClick={() => setDismissed(true)}
|
||||||
|
|
@ -20,9 +20,9 @@ export function LocationReminderBanner() {
|
||||||
<X className="h-4 w-4" />
|
<X className="h-4 w-4" />
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div className="flex flex-col gap-1 pl-6">
|
<div className="flex flex-col gap-4 pl-6">
|
||||||
<h3 className="text-title-medium font-semibold text-foreground">فروشگاههای نزدیکت رو پیدا کن</h3>
|
<h3 className="text-title-medium font-semibold text-foreground">فروشگاههای نزدیکت رو پیدا کن</h3>
|
||||||
<p className="text-body-medium text-gray-700">
|
<p className="text-body-medium text-gray-700 leading-6">
|
||||||
برای نمایش نزدیکترین فروشگاهها، موقعیت مکانی خود را فعال کنید یا محله خود را به صورت دستی انتخاب کنید.
|
برای نمایش نزدیکترین فروشگاهها، موقعیت مکانی خود را فعال کنید یا محله خود را به صورت دستی انتخاب کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { ChevronDown, MapPin, ShoppingBag } from "lucide-react";
|
import { ChevronLeft, MapPin, ShoppingBag } from "lucide-react";
|
||||||
|
|
||||||
/** guest-home / C04 header — winofyfrontenddoc (1).md §3.2 / §4.5. */
|
/** guest-home / C04 header — winofyfrontenddoc (1).md §3.2 / §4.5. */
|
||||||
export function SiteHeader({
|
export function SiteHeader({
|
||||||
|
|
@ -13,6 +13,12 @@ export function SiteHeader({
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<header className="flex w-full items-center justify-between px-4 py-3">
|
<header className="flex w-full items-center justify-between px-4 py-3">
|
||||||
|
<Link href="/location/search" className="flex items-center gap-1 text-body-medium text-foreground">
|
||||||
|
<ChevronLeft className="h-4 w-4 text-gray-600" />
|
||||||
|
<span className="font-semibold">{locationLabel ?? "انتخاب محله"}</span>
|
||||||
|
<MapPin className="text-primary-action" />
|
||||||
|
</Link>
|
||||||
|
|
||||||
{isAuthenticated ? (
|
{isAuthenticated ? (
|
||||||
<Link href="/cart" className="relative flex h-8 w-8 items-center justify-center text-primary-action">
|
<Link href="/cart" className="relative flex h-8 w-8 items-center justify-center text-primary-action">
|
||||||
<ShoppingBag className="h-6 w-6" />
|
<ShoppingBag className="h-6 w-6" />
|
||||||
|
|
@ -30,12 +36,6 @@ export function SiteHeader({
|
||||||
ورود
|
ورود
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Link href="/location/search" className="flex items-center gap-1 text-body-medium text-foreground">
|
|
||||||
<ChevronDown className="h-4 w-4 text-gray-600" />
|
|
||||||
<span>{locationLabel ?? "انتخاب محله"}</span>
|
|
||||||
<MapPin className="h-4 w-4 text-primary-action" />
|
|
||||||
</Link>
|
|
||||||
</header>
|
</header>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue