alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-26 07:38: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);
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) => (
<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 }) {
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 (
<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()}
<ul className="list-disc ms-4">
{todaysAssignments.map((a) => (
<li key={a.name}> {a.name}</li>
<li key={a.name}>{a.name}</li>
))}
{todaysQuizzes.map((q) => (
<li key={q.name}> {q.name}</li>
<li key={q.name}>{q.name}</li>
))}
{todaysPages.map((p) => (
<li key={p.name}> {p.name}</li>
<li key={p.name}>{p.name}</li>
))}
</ul>
</div>

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

@@ -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 {

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

@@ -25,7 +25,7 @@ export default function RootLayout({
return (
<html lang="en">
<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>
</html>
);