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);
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} />
))}

9
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,7 +49,11 @@ 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) => (

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>
);

8
nextjs/tailwind.config.ts
View File

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