From 6a131e7f9fef7cba7f95bf1b92d0f756821bd82e Mon Sep 17 00:00:00 2001
From: Joshua Silva <72359611+joshuasilva414@users.noreply.github.com>
Date: Wed, 23 Oct 2024 13:53:36 -0500
Subject: [PATCH] optimize mobile (#34)

---
 apps/web/src/app/dash/schedule/page.tsx              |  4 +++-
 apps/web/src/app/dash/schedule/schedule-timeline.tsx | 11 +++++++----
 apps/web/src/app/sign-in/[[...sign-in]]/page.tsx     |  2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app/dash/schedule/page.tsx b/apps/web/src/app/dash/schedule/page.tsx
index b2b059c3..7efad155 100644
--- a/apps/web/src/app/dash/schedule/page.tsx
+++ b/apps/web/src/app/dash/schedule/page.tsx
@@ -12,7 +12,9 @@ export default async function Page() {
 	const userTimeZone = getClientTimeZone(userTimeZoneHeaderKey);
 	return (
 		<>
-			<h1 className="mx-auto my-8 w-3/4 text-8xl font-black">Schedule</h1>
+			<h1 className="mx-auto my-8 w-3/4 text-center text-5xl font-black md:text-left md:text-8xl">
+				Schedule
+			</h1>
 			<Suspense fallback={<Loading />}>
 				{/* <UserScheduleView /> */}
 				<ScheduleTimeline schedule={sched} timezone={userTimeZone} />
diff --git a/apps/web/src/app/dash/schedule/schedule-timeline.tsx b/apps/web/src/app/dash/schedule/schedule-timeline.tsx
index 6737ad25..96e53781 100644
--- a/apps/web/src/app/dash/schedule/schedule-timeline.tsx
+++ b/apps/web/src/app/dash/schedule/schedule-timeline.tsx
@@ -39,13 +39,16 @@ export default function ScheduleTimeline({
 	timezone,
 }: ScheduleTimelineProps) {
 	return (
-		<div className="mx-auto mt-5 w-3/4">
+		<div className="w-7/8 mx-auto mt-5 sm:w-3/4">
 			<table className="p-4">
 				<tbody>
 					{Array.from(splitByDay(schedule).entries()).map(
 						([dayName, arr]): ReactNode => (
 							<>
-								<tr key={dayName + " title"} className="py-8">
+								<tr
+									key={dayName + " title"}
+									className="py-16 sm:py-8"
+								>
 									<td></td>
 									<td
 										className="w-1"
@@ -55,7 +58,7 @@ export default function ScheduleTimeline({
 										}}
 									></td>
 									<td>
-										<h2 className="ml-16 w-full border-b py-4 text-6xl font-black">
+										<h2 className="ml-8 w-full border-b py-4 text-4xl font-black sm:ml-16 sm:text-6xl">
 											{dayName}
 										</h2>
 									</td>
@@ -102,7 +105,7 @@ export function EventRow({ event, userTimeZone }: EventRowProps) {
 	return (
 		<Link href={href} legacyBehavior>
 			<tr className="cursor-pointer text-center text-xl text-foreground">
-				<td className="pr-16">{`${startTimeFormatted} - ${endTimeFormatted}`}</td>
+				<td className="pr-8 sm:pr-16">{`${startTimeFormatted} - ${endTimeFormatted}`}</td>
 				<td
 					className={"relative h-20 w-1"}
 					style={{
diff --git a/apps/web/src/app/sign-in/[[...sign-in]]/page.tsx b/apps/web/src/app/sign-in/[[...sign-in]]/page.tsx
index 9219872e..95f938dd 100644
--- a/apps/web/src/app/sign-in/[[...sign-in]]/page.tsx
+++ b/apps/web/src/app/sign-in/[[...sign-in]]/page.tsx
@@ -8,4 +8,4 @@ export default function Page() {
 	);
 }
 
-export const runtime = "edge";
+export const runtime = "edge";
\ No newline at end of file