From 7f2be5549d243fe54e978749507a1d1dbcc67ec9 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Mon, 6 Nov 2023 14:36:30 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Move=20rbc=20styles=20and=20over?=
 =?UTF-8?q?rides?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../forms/poll-options-form/rbc-overrides.css | 68 ++++++++++++++++++
 .../forms/poll-options-form/week-calendar.tsx |  3 +
 apps/web/src/style.css                        | 70 -------------------
 3 files changed, 71 insertions(+), 70 deletions(-)
 create mode 100644 apps/web/src/components/forms/poll-options-form/rbc-overrides.css

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
new file mode 100644
index 000000000..49f9c38e0
--- /dev/null
+++ 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
index faac3b4ed..70dcf98f6 100644
--- 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
index 71e64216d..391bb09f9 100644
--- 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;
-}