From 3fe29accbf31a3372a9bf59bff23cffb8aacd972 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Thu, 16 Feb 2023 16:45:48 +0100
Subject: [PATCH] Added styling to calendar page

---
 src/components/Calendar/CalendarTable.jsx |  4 ++--
 src/index.css                             | 11 +++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Calendar/CalendarTable.jsx b/src/components/Calendar/CalendarTable.jsx
index 90713f8..d2c4552 100755
--- a/src/components/Calendar/CalendarTable.jsx
+++ b/src/components/Calendar/CalendarTable.jsx
@@ -14,7 +14,7 @@ export default function CalendarTable({ className }) {
 
   return (
     <div
-      className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[620px] ${
+      className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[800px] ${
         className || ""
       }`}
     >
@@ -41,4 +41,4 @@ export default function CalendarTable({ className }) {
 
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 578e833..7c28fe9 100755
--- a/src/index.css
+++ b/src/index.css
@@ -684,6 +684,7 @@ TODO: Responsive ===========================
   width: 100%;
   min-height: 23.2rem;
   border-radius: 7px !important;
+  @apply border border-pink !important;
 }
 
 .dark .react-calendar{
@@ -699,9 +700,13 @@ TODO: Responsive ===========================
 .react-calendar__navigation{
   margin-top: 2px;
   margin-inline: 2px;
+  @apply text-pink !important;
 }
 
-.react-calendar__tile--active{color: #fff; font-weight: bold; background-color: #006edc;}
+.react-calendar__tile--active{color: #fff; font-weight: bold;
+  /* background-color: #006edc; */
+  @apply bg-pink;
+}
 .dark .react-calendar__tile--active{color: #fff;}
 
 .react-calendar__navigation button:enabled:hover,
@@ -717,14 +722,16 @@ TODO: Responsive ===========================
 .react-calendar__month-view__weekdays__weekday abbr:where([title]){
   text-decoration: none !important;
   cursor: default;
+  @apply text-pink !important;
 }
 
 .react-calendar__tile{
   border: 1px solid #cfd7e3 !important;
   border-left: 0;
   text-align: right;
-  height: 4.813rem !important;
+  height: 6.813rem !important;
   transition: all 500ms;
+  /* @apply border border-pink !important; */
 }
 
 .dark .react-calendar__tile{background: #11131F;}
-- 
2.34.1