🐛 Move rbc styles and overrides

This commit is contained in:
Luke Vella 2023-11-06 14:36:30 +00:00
parent cbe7cafdac
commit 7f2be5549d
3 changed files with 71 additions and 70 deletions

View file

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

View file

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

View file

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