Fix stacking on calendar

ik it's not governance related oops
UTDNebula · Aug 24, 2024 · 43c2aa5 · 43c2aa5
1 parent f7c5f4e
commit 43c2aa5
Showing 1 changed file with 1 addition and 11 deletions.
diff --git a/src/pages/resources/calendar.tsx b/src/pages/resources/calendar.tsx
@@ -230,7 +230,7 @@ const Calendar = () => {
 
   if (state === 'loading') {
     result = (
-      <div className="flex flex-col gap-4 w-full max-w-[40ch] animate-pulse">
+      <div className="flex flex-col gap-4 w-full max-w-[40ch] animate-pulse -z-10">
         <h3 className="text-transparent w-fit text-4xl font-semibold bg-gray-200 rounded-full">
           January
         </h3>
@@ -242,20 +242,11 @@ const Calendar = () => {
           <p>7:00 - 9:00 PM</p>
           <p>AD 2.232</p>
         </div>
-        <h3 className="text-transparent w-fit text-4xl font-semibold bg-gray-200 rounded-full">
-          January
-        </h3>
-        <h2 className="text-transparent w-fit text-3xl font-medium bg-gray-200 rounded-full">
-          19 Monday
-        </h2>
         <div className="text-transparent w-full p-4 bg-gray-200 rounded-lg">
           <p className="text-2xl">After Hours</p>
           <p>7:00 - 9:00 PM</p>
           <p>AD 2.232</p>
         </div>
-        <h3 className="text-transparent w-fit text-4xl font-semibold bg-gray-200 rounded-full">
-          January
-        </h3>
         <h2 className="text-transparent w-fit text-3xl font-medium bg-gray-200 rounded-full">
           19 Monday
         </h2>
@@ -266,7 +257,6 @@ const Calendar = () => {
         </div>
       </div>
     );
-    //<h2 className="text-5xl font-bold pb-4 text-center">Loading...</h2>;
   } else if (state === 'done') {
     result = <div className="flex flex-col gap-4 w-full max-w-[40ch]">{...labelsAndEvents}</div>;
   }