updated bookings to look at CC and styleing

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

Hide file tree

Showing 10 changed files with 462 additions and 57 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "astro": "^4.4.0",
+    "astro-tooltips": "^0.6.2",
     "framer-motion": "^11.0.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/src/components/Bookings.astro b/src/components/Bookings.astro
@@ -0,0 +1,35 @@
+---
+import BookingsComponent from './BookingsComponent'
+---
+
+<div class="w-full h-full max-h-[440px] overflow-y-scroll">
+    <BookingsComponent />
+</div>
+
+<style is:global>
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: #919191 #ffffff;
+    }
+
+    /* Chrome, Edge, and Safari */
+    *::-webkit-scrollbar {
+        width: 4px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: #ffffff;
+    }
+
+    *::-webkit-scrollbar-thumb {
+        background-color: #919191;
+        border-radius: 4px;
+        border: 0px solid #ffffff;
+    }
+    tr:nth-child(even) {
+        background-color: #f2f2f2;
+    }
+    tr:nth-child(od) {
+        background-color: #fff;
+    }
+</style>
diff --git a/src/components/Bookings.tsx b/src/components/Bookings.tsx