style update & cleanup

Shelf-nu · Nov 29, 2024 · 4b9d577 · 4b9d577
1 parent b475ce3
commit 4b9d577
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 111 deletions.
diff --git a/app/routes/_auth+/accept-invite.$inviteId.tsx b/app/routes/_auth+/accept-invite.$inviteId.tsx
@@ -4,7 +4,6 @@ import { json, redirect } from "@remix-run/node";
 import { Form, useActionData, useLoaderData } from "@remix-run/react";
 import { z } from "zod";
 import { Button } from "~/components/shared/button";
-import { Spinner } from "~/components/shared/spinner";
 import { db } from "~/database/db.server";
 import { useSearchParams } from "~/hooks/search-params";
 import { useDisabled } from "~/hooks/use-disabled";

diff --git a/app/routes/_layout+/calendar.tsx b/app/routes/_layout+/calendar.tsx
@@ -1,4 +1,4 @@
-import { useState, useRef, useCallback, useEffect } from "react";
+import { useState, useRef, useCallback } from "react";
 import type {
   EventContentArg,
   EventHoveringArg,

diff --git a/app/styles/layout/calendar.css b/app/styles/layout/calendar.css
@@ -1,5 +1,5 @@
 .fc-toolbar {
-  @apply border border-gray-300 p-2 m-0 !important;
+  @apply border border-gray-600 p-2 m-0 !important;
   border-bottom: none !important;
   border-top-left-radius: 0.5rem !important;
   border-top-right-radius: 0.5rem !important;
@@ -85,3 +85,10 @@
 .fc-event:focus::after {
   @apply bg-transparent !important;
 }
+
+/* Better looking border on overlapping events */
+.fc-timegrid-event-harness-inset .fc-timegrid-event,
+.fc-timegrid-event.fc-event-mirror,
+.fc-timegrid-more-link {
+  box-shadow: 0 0 0 1px theme("colors.gray.300") !important;
+}