alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 23:28:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

making the colors closer together

Browse Source
This commit is contained in:
Alex Mickelson
2024-08-27 21:04:50 -06:00
parent 6d760dbe6c
commit fc245b111b
5 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
nextjs/src/app/course/[courseName]/calendar/CourseCalendar.tsx
View File

@@ -19,7 +19,16 @@ export default function CourseCalendar() {
const months = getMonthsBetweenDates(startDateTime, endDateTime); const months = getMonthsBetweenDates(startDateTime, endDateTime);
return ( return (
<div className="overflow-y-scroll h-full border bg-slate-950"> <div
className="
h-full
overflow-y-scroll
border-4
border-slate-600
rounded-xl
bg-slate-950
"
>
{months.map((month) => ( {months.map((month) => (
<CalendarMonth key={month.month + "" + month.year} month={month} /> <CalendarMonth key={month.month + "" + month.year} month={month} />
))} ))}

15
nextjs/src/app/course/[courseName]/calendar/Day.tsx
View File

@@ -6,8 +6,7 @@ import { useCourseContext } from "../context/courseContext";
export default function Day({ day, month }: { day: Date; month: number }) { export default function Day({ day, month }: { day: Date; month: number }) {
const context = useCourseContext(); const context = useCourseContext();
const isInSameMonth = day.getMonth() + 1 != month;
const isInSameMonth = day.getMonth() + 1 != month
const backgroundClass = isInSameMonth ? "" : "bg-slate-900"; const backgroundClass = isInSameMonth ? "" : "bg-slate-900";
const todaysAssignments = context.localCourse.modules const todaysAssignments = context.localCourse.modules
@@ -50,17 +49,21 @@ export default function Day({ day, month }: { day: Date; month: number }) {
); );
}); });
return ( return (
<div className={"border rounded rounded-3 p-2 pb-4 m-1 " + backgroundClass}> <div
className={
"border border-slate-600 rounded-lg p-2 pb-4 m-1 " + backgroundClass
}
>
{day.getDate()} {day.getDate()}
<ul className="list-disc ms-4"> <ul className="list-disc ms-4">
{todaysAssignments.map((a) => ( {todaysAssignments.map((a) => (
<li key={a.name}> {a.name}</li> <li key={a.name}>{a.name}</li>
))} ))}
{todaysQuizzes.map((q) => ( {todaysQuizzes.map((q) => (
<li key={q.name}> {q.name}</li> <li key={q.name}>{q.name}</li>
))} ))}
{todaysPages.map((p) => ( {todaysPages.map((p) => (
<li key={p.name}> {p.name}</li> <li key={p.name}>{p.name}</li>
))} ))}
</ul> </ul>
</div> </div>

17
nextjs/src/app/globals.css
View File

@@ -2,24 +2,7 @@
@tailwind components; @tailwind components;
@tailwind utilities; @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 { @layer utilities {
.text-balance { .text-balance {

2
nextjs/src/app/layout.tsx
View File

@@ -25,7 +25,7 @@ export default function RootLayout({
return ( return (
<html lang="en"> <html lang="en">
<Providers> <Providers>
<body className="bg-slate-900 h-screen p-1">{children}</body> <body className="bg-slate-900 h-screen p-1 text-slate-300">{children}</body>
</Providers> </Providers>
</html> </html>
); );

8
nextjs/tailwind.config.ts
View File

@@ -1,3 +1,4 @@
import { borderRadius } from "tailwindcss/defaultTheme";
import type { Config } from "tailwindcss"; import type { Config } from "tailwindcss";
const config: Config = { const config: Config = {
@@ -6,7 +7,12 @@ const config: Config = {
"./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
], ],
theme: {}, theme: {
borderRadius: {
...borderRadius,
xl: "24px",
},
},
plugins: [], plugins: [],
}; };
export default config; export default config;