jselesan/playzer
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Improved mobile layout

Browse Source
This commit is contained in:
Jose Selesan
2026-05-08 11:02:03 -03:00
parent 65295236c5
commit ab22ec86ec
25 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/frontend/src/features/booking/components/booking-mobile.tsx
View File

@@ -66,7 +66,7 @@ export function BookingMobile() {
return (
<div className="min-h-dvh pb-24">
<MobileTopBar />
<div className="space-y-6 px-4 pt-5">
<div className="space-y-6 px-3 pt-5">
<MobilePanelHeader />
<MobileFilters />
<MobileSummary />
@@ -155,7 +155,7 @@ function MobileTopBar() {
};
return (
<header className="sticky top-0 z-30 border-b border-border/70 bg-background/85 px-4 py-4 backdrop-blur-xl">
<header className="sticky top-0 z-30 border-b border-border/70 bg-background/85 px-3 py-4 backdrop-blur-xl">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2.5">
<img src={PlayzerIcon} alt="Playzer" className="size-9" />
@@ -475,7 +475,7 @@ function MobileCourtDay({
return (
<div className="min-h-dvh pb-24">
<header className="sticky top-0 z-30 border-b border-border/70 bg-background/90 px-4 py-4 backdrop-blur-xl">
<header className="sticky top-0 z-30 border-b border-border/70 bg-background/90 px-3 py-4 backdrop-blur-xl">
<div className="flex items-center justify-between gap-3">
<Button
type="button"
@@ -522,7 +522,7 @@ function MobileCourtDay({
</div>
</header>
<main className="space-y-4 px-4 pt-4">
<main className="space-y-4 px-3 pt-4">
<section className="rounded-lg border border-border/70 bg-card/70 p-4">
<StatusLegend />
</section>
@@ -534,7 +534,7 @@ function MobileCourtDay({
</section>
</main>
<div className="fixed inset-x-0 bottom-0 z-40 border-t border-border/70 bg-background/90 p-4 backdrop-blur-xl">
<div className="fixed inset-x-0 bottom-0 z-40 border-t border-border/70 bg-background/90 p-3 backdrop-blur-xl">
<Button
type="button"
className="h-14 w-full rounded-lg text-base shadow-lg shadow-primary/25"