mirror of
https://github.com/lukevella/rallly.git
synced 2025-07-31 15:08:53 +02:00
🐛 Move rbc styles and overrides
This commit is contained in:
parent
cbe7cafdac
commit
7f2be5549d
3 changed files with 71 additions and 70 deletions
|
@ -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;
|
||||
}
|
|
@ -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";
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue