From 9002d798554eefabf306bffdb5b1636234523582 Mon Sep 17 00:00:00 2001 From: Jackson Date: Thu, 19 Jun 2025 14:17:21 +0100 Subject: [PATCH 01/27] fix(mobile): improve auth page mobile styling with proper margins and touch targets - Add responsive horizontal padding to prevent content from touching screen edges - Add card styling with proper borders and background for visual hierarchy - Improve form input spacing and touch targets for better mobile UX - Make OAuth buttons stack vertically on mobile to prevent cramping - Add minimum button heights (44px) to meet mobile accessibility standards - Apply consistent mobile-first responsive design across login and signup pages --- app/auth/login/page.tsx | 22 +++++++++++----------- app/auth/signup/page.tsx | 22 +++++++++++----------- 2 files changed, 22 insertions(+), 22 deletions(-) diff --git a/app/auth/login/page.tsx b/app/auth/login/page.tsx index d7ecdae..2642789 100644 --- a/app/auth/login/page.tsx +++ b/app/auth/login/page.tsx @@ -99,8 +99,8 @@ export default function LoginPage() { } return ( -
-
+
+

Sign in to LocalLoop @@ -113,21 +113,21 @@ export default function LoginPage() {

-
+ {error && ( -
+
{error}
)} -
+
setEmail(e.target.value)} - className="relative block w-full px-3 py-2 border border-border placeholder-muted-foreground text-foreground bg-background rounded-t-md focus:outline-none focus:ring-primary focus:border-primary" + className="block w-full px-4 py-3 border border-border placeholder-muted-foreground text-foreground bg-background rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-base" placeholder="Email address" />
@@ -137,7 +137,7 @@ export default function LoginPage() { required value={password} onChange={(e) => setPassword(e.target.value)} - className="relative block w-full px-3 py-2 border border-border placeholder-muted-foreground text-foreground bg-background rounded-b-md focus:outline-none focus:ring-primary focus:border-primary" + className="block w-full px-4 py-3 border border-border placeholder-muted-foreground text-foreground bg-background rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-base" placeholder="Password" />
@@ -153,7 +153,7 @@ export default function LoginPage() { @@ -169,13 +169,13 @@ export default function LoginPage() {
-
+
{/* Google Auth Button */} @@ -127,13 +127,13 @@ export default function SignupPage() {
-
+
{/* Google Auth Button */} )} -
+ ) : ( )} - ) : ( + + ) : ( + <> + + + + )} +
+ )} +
+
+ +
+
- Quantity: {ticket.quantity} • ${ticket.ticket_type.price.toFixed(2)} each + Quantity: {ticket.quantity} • {formatPrice(ticket.ticket_type.price)} each
- ${(ticket.ticket_type.price * ticket.quantity).toFixed(2)} + {formatPrice(ticket.ticket_type.price * ticket.quantity)}
@@ -209,17 +209,17 @@ export default function RefundDialog({
Original Amount: - ${order.total_amount.toFixed(2)} + {formatPrice(order.total_amount)}
{!isEventCancelled && (
Processing Fee: - -${refundCalculation.stripeFee.toFixed(2)} + -{formatPrice(refundCalculation.stripeFee)}
)}
Refund Amount: - ${refundCalculation.netRefund.toFixed(2)} + {formatPrice(refundCalculation.netRefund)}
@@ -270,7 +270,7 @@ export default function RefundDialog({
Confirm Refund
- This action cannot be undone. Your refund of ${refundCalculation.netRefund.toFixed(2)} will be processed immediately. + This action cannot be undone. Your refund of {formatPrice(refundCalculation.netRefund)} will be processed immediately.
From da3da8a1d493fcede869d2ef14ac249892388d79 Mon Sep 17 00:00:00 2001 From: Jackson Date: Thu, 19 Jun 2025 15:21:54 +0100 Subject: [PATCH 06/27] feat(nav): restrict Create Event to staff/admin and reorder navigation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Hide Create Event button from regular users (only visible to staff/admin) - Reorder navigation buttons: Create Event (leftmost) → Staff → My Events → Browse Events (rightmost) - Apply consistent ordering to both desktop and mobile navigation - Prepare layout for future admin button placement (will be rightmost) - Improve role-based navigation security and user experience - Remove unnecessary Create Event visibility for users without permissions --- components/ui/Navigation.tsx | 58 +++++++++++++++++++----------------- 1 file changed, 31 insertions(+), 27 deletions(-) diff --git a/components/ui/Navigation.tsx b/components/ui/Navigation.tsx index ab6adde..29388fe 100644 --- a/components/ui/Navigation.tsx +++ b/components/ui/Navigation.tsx @@ -72,13 +72,15 @@ export function Navigation({ <> {/* Desktop Navigation */}