style: rebuild the new booking portal based on the US

This commit is contained in:
ghost2023
2026-05-21 17:07:15 +03:00
parent c0b97cdf3c
commit 509e1f0611
2 changed files with 1403 additions and 346 deletions

View File

@@ -17,7 +17,6 @@ import {
} from "lucide-react";
import Breadcrumbs from "@/components/Breadcrumbs";
import NewBookingPage from "@/pages/bookings/NewBookingPage";
import {
getCurrentCustomer,
getMyBookings,
@@ -81,15 +80,13 @@ export default function MyPortalPage() {
</div>
<div className="flex flex-wrap items-center gap-2">
<NewBookingPage>
<button
type="button"
className="inline-flex items-center gap-2 rounded-2xl bg-white px-4 py-2 text-sm font-semibold text-[#10B981] transition hover:bg-slate-100"
>
<Plus className="h-4 w-4" />
New Booking
</button>
</NewBookingPage>
<Link
to="/bookings/new"
className="inline-flex items-center gap-2 rounded-2xl bg-white px-4 py-2 text-sm font-semibold text-[#10B981] transition hover:bg-slate-100"
>
<Plus className="h-4 w-4" />
New Booking
</Link>
<Link
to="/tracking"
className="inline-flex items-center gap-2 rounded-2xl border border-white/40 px-4 py-2 text-sm font-medium text-white transition hover:bg-white/10"