added styles to calendar

code100x · Aug 9, 2024 · d170585 · d170585
1 parent 48c5879
commit d170585
Showing 1 changed file with 33 additions and 10 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -66,7 +66,6 @@
   transform: translateX(-50%);
 }
 
-
 /* Hide scrollbar for Chrome, Safari and Opera */
 .no-scrollbar::-webkit-scrollbar {
   display: none;
@@ -87,7 +86,7 @@
   display: block !important;
 }
 
-.video-js .vjs-current-time{
+.video-js .vjs-current-time {
   display: block !important;
 }
 
@@ -111,30 +110,29 @@ width of the controls on screens smaller than 512px */
   }
 
   .video-js .vjs-control {
-    width: 2rem !important; 
+    width: 2rem !important;
   }
 }
 
-.vjs-tech:focus-visible{
+.vjs-tech:focus-visible {
   outline: none;
 }
 
-.timeline-segments  {
+.timeline-segments {
   position: relative;
   left: 0;
   height: 5px;
   background-color: #afa4a4;
   transition: height 150ms ease-in-out;
 }
-.timeline-segments-preview{
+.timeline-segments-preview {
   position: absolute;
   left: 0;
   background: #fff;
   top: 0;
   bottom: 0;
   z-index: 1;
   pointer-events: none;
-
 }
 .timeline-segments-progress {
   position: absolute;
@@ -144,8 +142,33 @@ width of the controls on screens smaller than 512px */
   bottom: 0;
   z-index: 2;
   pointer-events: none;
-
 }
-.timeline-segments:hover{
+.timeline-segments:hover {
   height: 10px;
-}
+}
+
+.rbc-header {
+  color: var(--header-color);
+  font-size: 14px !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px !important;
+  background: #17405d;
+}
+
+.rbc-allday-cell {
+  display: none;
+}
+
+.rbc-time-slot {
+  color: #74a4c3;
+  z-index: 1;
+}
+
+.rbc-event,
+.rbc-background-event {
+  z-index: 2;
+  padding: 0px !important;
+  border: none !important;
+}