updating font

2026-03-26 15:48:32 -06:00 · 2024-09-09 20:43:16 -06:00
parent 945253c208
commit 099eaedfd7
10 changed files with 110 additions and 19 deletions
--- a/nextjs/src/app/MyToaster.tsx
+++ b/nextjs/src/app/MyToaster.tsx
@@ -0,0 +1,34 @@
+"use client";
+import React from "react";
+import { Toaster, ToastBar, useToaster } from "react-hot-toast";
+
+export const MyToaster = () => {
+  const { toasts, handlers } = useToaster({ duration: Infinity });
+  const { startPause, endPause } = handlers;
+
+  return (
+    // <Toaster />
+    <Toaster
+      position="top-center"
+      reverseOrder={false}
+      // gutter={8}
+      containerClassName=" flex flex-row w-full "
+      containerStyle={{}}
+      toastOptions={{
+        className: "border-4 border-rose-900 drop-shadow-2xl grow",
+        duration: 5_000,
+        style: {
+          background: "#030712",
+          color: "#e5e7eb",
+          paddingLeft: "2em",
+          paddingRight: "2em",
+          width: "100%"
+        },
+
+        success: {
+          duration: 3000,
+        },
+      }}
+    />
+  );
+};
--- a/nextjs/src/app/course/[courseName]/calendar/Day.tsx
+++ b/nextjs/src/app/course/[courseName]/calendar/Day.tsx
@@ -107,7 +107,7 @@ function DraggableListItem({
        e.dataTransfer.setData(
          "draggableItem",
          JSON.stringify({
-            type: "assignment",
+            type,
            item,
            sourceModuleName: moduleName,
          })
--- a/nextjs/src/app/globals.css
+++ b/nextjs/src/app/globals.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
+
@tailwind base;
@tailwind components;
@tailwind utilities;
@@ -8,6 +10,10 @@
  }
 }

+:root {
+  font-family: "DM Sans", sans-serif;
+}
+
 /* monaco editor */
 .monaco-editor-background,
 .monaco-editor .margin {
--- a/nextjs/src/app/layout.tsx
+++ b/nextjs/src/app/layout.tsx
@@ -5,6 +5,8 @@ import { Suspense } from "react";
 import { getQueryClient } from "./providersQueryClientUtils";
 import { hydrateCourses } from "@/hooks/hookHydration";
 import { dehydrate, HydrationBoundary } from "@tanstack/react-query";
+import { ToastBar, Toaster } from "react-hot-toast";
+import { MyToaster } from "./MyToaster";

 export const metadata: Metadata = {
  title: "Canvas Manager 2.0",
@@ -21,7 +23,20 @@ export default async function RootLayout({

  return (
    <html lang="en">
+      <head>
+      </head>
      <body className="bg-slate-900 h-screen p-1 text-slate-300">
+        {/* <Toaster
+          containerClassName=""
+          toastOptions={{
+            className: "bg-slate-900",
+            error: { duration: Infinity },
+            style: {
+              // backgroundColor: "black",
+            },
+          }}
+        /> */}
+        <MyToaster />
        <Suspense>
          <Providers>
            <HydrationBoundary state={dehydratedState}>