optimize mobile (#34)

acmutsa · Oct 23, 2024 · 6a131e7 · 6a131e7
1 parent 5f16727
commit 6a131e7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git 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
@@ -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
@@ -8,4 +8,4 @@ export default function Page() {
 	);
 }
 
-export const runtime = "edge";
+export const runtime = "edge";
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,4 +8,4 @@ export default function Page() { @@
     	);
     }
-    export const runtime = "edge";
+    export const runtime = "edge";