diff --git a/nextjs/src/app/course/[courseName]/calendar/CourseCalendar.tsx b/nextjs/src/app/course/[courseName]/calendar/CourseCalendar.tsx index 90604e3..eddc44b 100644 --- a/nextjs/src/app/course/[courseName]/calendar/CourseCalendar.tsx +++ b/nextjs/src/app/course/[courseName]/calendar/CourseCalendar.tsx @@ -19,7 +19,16 @@ export default function CourseCalendar() { const months = getMonthsBetweenDates(startDateTime, endDateTime); return ( -
+
{months.map((month) => ( ))} diff --git a/nextjs/src/app/course/[courseName]/calendar/Day.tsx b/nextjs/src/app/course/[courseName]/calendar/Day.tsx index 4cde432..63eae84 100644 --- a/nextjs/src/app/course/[courseName]/calendar/Day.tsx +++ b/nextjs/src/app/course/[courseName]/calendar/Day.tsx @@ -6,8 +6,7 @@ import { useCourseContext } from "../context/courseContext"; export default function Day({ day, month }: { day: Date; month: number }) { const context = useCourseContext(); - - const isInSameMonth = day.getMonth() + 1 != month + const isInSameMonth = day.getMonth() + 1 != month; const backgroundClass = isInSameMonth ? "" : "bg-slate-900"; const todaysAssignments = context.localCourse.modules @@ -50,17 +49,21 @@ export default function Day({ day, month }: { day: Date; month: number }) { ); }); return ( -
+
{day.getDate()}
    {todaysAssignments.map((a) => ( -
  • {a.name}
    • +
  • {a.name}
    • ))} {todaysQuizzes.map((q) => ( -
  • {q.name}
    • +
  • {q.name}
    • ))} {todaysPages.map((p) => ( -
  • {p.name}
    • +
  • {p.name}
    • ))}
diff --git a/nextjs/src/app/globals.css b/nextjs/src/app/globals.css index a88506d..b7b24e8 100644 --- a/nextjs/src/app/globals.css +++ b/nextjs/src/app/globals.css @@ -2,24 +2,7 @@ @tailwind components; @tailwind utilities; -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } -} - -body { - color: rgb(var(--foreground-rgb)); - -} @layer utilities { .text-balance { diff --git a/nextjs/src/app/layout.tsx b/nextjs/src/app/layout.tsx index 2ee9214..783979e 100644 --- a/nextjs/src/app/layout.tsx +++ b/nextjs/src/app/layout.tsx @@ -25,7 +25,7 @@ export default function RootLayout({ return ( - {children} + {children} ); diff --git a/nextjs/tailwind.config.ts b/nextjs/tailwind.config.ts index d9394d1..68eeab8 100644 --- a/nextjs/tailwind.config.ts +++ b/nextjs/tailwind.config.ts @@ -1,3 +1,4 @@ +import { borderRadius } from "tailwindcss/defaultTheme"; import type { Config } from "tailwindcss"; const config: Config = { @@ -6,7 +7,12 @@ const config: Config = { "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}", ], - theme: {}, + theme: { + borderRadius: { + ...borderRadius, + xl: "24px", + }, + }, plugins: [], }; export default config;