updated booking and staffing page

Vatsim-Scandinavia · Apr 10, 2024 · 4534825 · 4534825
1 parent e67007d
commit 4534825
Show file tree

Hide file tree

Showing 3 changed files with 363 additions and 45 deletions.
diff --git a/src/components/Bookings.astro b/src/components/Bookings.astro
@@ -26,10 +26,13 @@ import BookingsComponent from './BookingsComponent'
         border-radius: 4px;
         border: 0px solid #ffffff;
     }
-    tr:nth-child(even) {
-        background-color: #f2f2f2;
+</style>
+
+<style>
+    .even-row {
+      @apply bg-gray-100;
     }
-    tr:nth-child(od) {
-        background-color: #fff;
+    .odd-row {
+      @apply bg-white;
     }
-</style>
+  </style>
diff --git a/src/components/BookingsComponent.tsx b/src/components/BookingsComponent.tsx
@@ -365,7 +365,7 @@ const MyComponent = () => {
             {Object.entries(groupedBookings).map(([date, bookings], index) => (
                 <>
                     <tr>
-                        <td colSpan={4} className="text-center bg-[#dfebeb] p-2">
+                        <td colSpan={4} className="text-center bg-[#dfebeb] dark:bg-[#356c8e] p-2">
                             {index === 0 ? 'Today' : date}
                         </td>
                     </tr>