mobile updates

This commit is contained in:
2024-11-01 20:26:26 -06:00
parent 48fc05d010
commit d52d849a23
4 changed files with 6 additions and 6 deletions

View File

@@ -23,7 +23,7 @@ export function CalendarWeek({
const weekNumber = getWeekNumber(startDate, firstDateString); const weekNumber = getWeekNumber(startDate, firstDateString);
return ( return (
<div className="flex flex-row"> <div className="flex flex-row">
<div className="my-auto text-gray-400 w-6"> <div className="my-auto text-gray-400 w-6 sm:block hidden">
{weekNumber.toString().padStart(2, "0")} {weekNumber.toString().padStart(2, "0")}
</div> </div>
<div className="grid grid-cols-7 grow"> <div className="grid grid-cols-7 grow">

View File

@@ -31,10 +31,10 @@ export default function CourseCalendar() {
border-gray-900 border-gray-900
rounded-lg rounded-lg
bg-slate-950 bg-slate-950
p-1 sm:p-1
" "
> >
<div className="h-full overflow-y-scroll pe-1"> <div className="h-full overflow-y-scroll sm:pe-1">
<CalendarItemsContextProvider> <CalendarItemsContextProvider>
{months.map((month) => ( {months.map((month) => (
<CalendarMonth key={month.month + "" + month.year} month={month} /> <CalendarMonth key={month.month + "" + month.year} month={month} />

View File

@@ -13,12 +13,12 @@ export default async function CoursePage({}: {}) {
<div className="h-full flex flex-col"> <div className="h-full flex flex-col">
<DragStyleContextProvider> <DragStyleContextProvider>
<DraggingContextProvider> <DraggingContextProvider>
<div className="flex flex-row h-full"> <div className="flex sm:flex-row h-full flex-col">
<div className="flex-1 h-full flex flex-col"> <div className="flex-1 h-full flex flex-col">
<CourseNavigation /> <CourseNavigation />
<CourseCalendar /> <CourseCalendar />
</div> </div>
<div className="w-96 p-3 h-full overflow-y-auto"> <div className="w-96 sm:p-3 h-full overflow-y-auto">
<CourseSettingsLink /> <CourseSettingsLink />
<ModuleList /> <ModuleList />
</div> </div>

View File

@@ -27,7 +27,7 @@ export default async function RootLayout({
<html lang="en"> <html lang="en">
<head></head> <head></head>
<body className="flex justify-center"> <body className="flex justify-center">
<div className="bg-slate-900 h-screen text-slate-300 w-full p-1"> <div className="bg-slate-900 h-screen text-slate-300 w-full sm:p-1">
<MyToaster /> <MyToaster />
<Suspense> <Suspense>
<Providers> <Providers>