🐛 Move rbc styles and overrides

lukevella · Nov 6, 2023 · 7f2be55 · 7f2be55 · vercel · Nov 6, 2023
1 parent cbe7caf
commit 7f2be55
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 70 deletions.
diff --git a/apps/web/src/components/forms/poll-options-form/rbc-overrides.css b/apps/web/src/components/forms/poll-options-form/rbc-overrides.css
@@ -0,0 +1,68 @@
+.rbc-time-view {
+  @apply border-0 border-b border-t border-gray-100;
+}
+
+.rbc-today {
+  @apply bg-gray-50 bg-opacity-50;
+}
+
+.rbc-day-slot .rbc-time-slot {
+  @apply border-gray-100;
+}
+
+.rbc-time-content > * + * > * {
+  @apply border-gray-200;
+}
+.rbc-time-header.rbc-overflowing,
+.rbc-time-header-content,
+.rbc-header {
+  @apply border-gray-100;
+}
+
+.rbc-time-content {
+  @apply border-t-0;
+}
+
+.rbc-time-view .rbc-allday-cell {
+  @apply hidden;
+}
+
+.rbc-current-time-indicator {
+  @apply bg-rose-400;
+}
+
+.rbc-header + .rbc-header {
+  @apply border-l-0;
+}
+.rbc-time-slot {
+  @apply pl-2 pt-1;
+}
+
+.rbc-timeslot-group {
+  @apply border-gray-100;
+}
+
+.rbc-day-slot .rbc-time-slot {
+  @apply border-dashed border-gray-50;
+}
+
+.rbc-day-slot .rbc-events-container {
+  @apply mr-2;
+}
+.rbc-slot-selection {
+  @apply bg-gray-100/50 leading-tight text-gray-600;
+}
+.rbc-header.rbc-today {
+  @apply bg-white text-rose-600;
+}
+
+.rbc-button-link {
+  @apply pointer-events-none m-1 w-full;
+}
+.rbc-time-content > * + * > * {
+  @apply border-gray-100;
+}
+
+.rbc-time-header-gutter {
+  @apply border-b border-gray-100;
+}
diff --git a/apps/web/src/components/forms/poll-options-form/week-calendar.tsx b/apps/web/src/components/forms/poll-options-form/week-calendar.tsx
@@ -1,3 +1,6 @@
+import "react-big-calendar/lib/css/react-big-calendar.css";
+import "./rbc-overrides.css";
+
 import dayjs from "dayjs";
 import { XIcon } from "lucide-react";
 import React from "react";

diff --git a/apps/web/src/style.css b/apps/web/src/style.css
@@ -157,73 +157,3 @@
     background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f3f4f6' fill-opacity='0.75' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
   }
 }
-
-
-.rbc-time-view {
-  @apply border-0 border-b border-t border-gray-100;
-}
-
-.rbc-today {
-  @apply bg-gray-50 bg-opacity-50;
-}
-
-.rbc-day-slot .rbc-time-slot {
-  @apply border-gray-100;
-}
-
-.rbc-time-content > * + * > * {
-  @apply border-gray-200;
-}
-.rbc-time-header.rbc-overflowing,
-.rbc-time-header-content,
-.rbc-header {
-  @apply border-gray-100;
-}
-
-.rbc-time-content {
-  @apply border-t-0;
-}
-
-.rbc-time-view .rbc-allday-cell {
-  @apply hidden;
-}
-
-.rbc-current-time-indicator {
-  @apply bg-rose-400;
-}
-
-.rbc-header + .rbc-header {
-  @apply border-l-0;
-}
-.rbc-time-slot {
-  @apply pl-2 pt-1;
-}
-
-.rbc-timeslot-group {
-  @apply border-gray-100;
-}
-
-.rbc-day-slot .rbc-time-slot {
-  @apply border-dashed border-gray-50;
-}
-
-.rbc-day-slot .rbc-events-container {
-  @apply mr-2;
-}
-.rbc-slot-selection {
-  @apply bg-gray-100/50 leading-tight text-gray-600;
-}
-.rbc-header.rbc-today {
-  @apply bg-white text-rose-600;
-}
-
-.rbc-button-link {
-  @apply pointer-events-none m-1 w-full;
-}
-.rbc-time-content > * + * > * {
-  @apply border-gray-100;
-}
-
-.rbc-time-header-gutter {
-  @apply border-b border-gray-100;
-}