From 763cc96fa2f38b2bf3109b036ba58320485c7de2 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Mon, 2 Sep 2024 20:57:32 -0400
Subject: detail page + upcoming fix

---
 static/css/main.css | 269 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 269 insertions(+)

(limited to 'static/css/main.css')

diff --git a/static/css/main.css b/static/css/main.css
index a0ea458..28015bf 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -669,6 +669,46 @@ video {
   top: 100%;
 }
 
+.top-48 {
+  top: 12rem;
+}
+
+.top-16 {
+  top: 4rem;
+}
+
+.top-32 {
+  top: 8rem;
+}
+
+.top-36 {
+  top: 9rem;
+}
+
+.left-8 {
+  left: 2rem;
+}
+
+.left-\[18rem\] {
+  left: 18rem;
+}
+
+.top-96 {
+  top: 24rem;
+}
+
+.top-72 {
+  top: 18rem;
+}
+
+.-top-64 {
+  top: -16rem;
+}
+
+.top-64 {
+  top: 16rem;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -701,6 +741,11 @@ video {
   margin-bottom: 2rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -741,6 +786,22 @@ video {
   margin-top: 2rem;
 }
 
+.mt-12 {
+  margin-top: 3rem;
+}
+
+.mt-16 {
+  margin-top: 4rem;
+}
+
+.mt-20 {
+  margin-top: 5rem;
+}
+
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
 .block {
   display: block;
 }
@@ -757,6 +818,10 @@ video {
   display: inline-flex;
 }
 
+.grid {
+  display: grid;
+}
+
 .hidden {
   display: none;
 }
@@ -829,6 +894,14 @@ video {
   height: 100%;
 }
 
+.h-32 {
+  height: 8rem;
+}
+
+.h-28 {
+  height: 7rem;
+}
+
 .max-h-24 {
   max-height: 6rem;
 }
@@ -898,10 +971,46 @@ video {
   width: max-content;
 }
 
+.w-1\/6 {
+  width: 16.666667%;
+}
+
+.w-1\/12 {
+  width: 8.333333%;
+}
+
+.w-2\/12 {
+  width: 16.666667%;
+}
+
+.w-10\/12 {
+  width: 83.333333%;
+}
+
+.w-4\/12 {
+  width: 33.333333%;
+}
+
+.w-8\/12 {
+  width: 66.666667%;
+}
+
+.w-\[100vw\] {
+  width: 100vw;
+}
+
 .min-w-32 {
   min-width: 8rem;
 }
 
+.min-w-\[100vw\] {
+  min-width: 100vw;
+}
+
+.min-w-\[80vw\] {
+  min-width: 80vw;
+}
+
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -927,10 +1036,22 @@ video {
   max-width: max-content;
 }
 
+.max-w-\[100vw\] {
+  max-width: 100vw;
+}
+
+.max-w-\[80vw\] {
+  max-width: 80vw;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
 
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .origin-left {
   transform-origin: left;
 }
@@ -987,6 +1108,10 @@ video {
   list-style-position: inside;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -1061,6 +1186,10 @@ video {
   overflow: hidden;
 }
 
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1390,6 +1519,11 @@ video {
   background-color: rgb(161 98 7 / var(--tw-bg-opacity));
 }
 
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+
 .bg-opacity-10 {
   --tw-bg-opacity: 0.1;
 }
@@ -1402,6 +1536,10 @@ video {
   --tw-bg-opacity: 0.4;
 }
 
+.bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+
 .bg-cover {
   background-size: cover;
 }
@@ -1486,6 +1624,11 @@ video {
   padding-bottom: 2rem;
 }
 
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -1510,6 +1653,10 @@ video {
   padding-top: 140%;
 }
 
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -2160,6 +2307,10 @@ main {
   --tw-bg-opacity: 0.3;
 }
 
+.hover\:bg-opacity-50:hover {
+  --tw-bg-opacity: 0.5;
+}
+
 .hover\:text-purple-600:hover {
   --tw-text-opacity: 1;
   color: rgb(147 51 234 / var(--tw-text-opacity));
@@ -2236,6 +2387,10 @@ main {
 }
 
 @media (min-width: 640px) {
+  .sm\:top-96 {
+    top: 24rem;
+  }
+
   .sm\:size-3 {
     width: 0.75rem;
     height: 0.75rem;
@@ -2246,10 +2401,26 @@ main {
     height: 1rem;
   }
 
+  .sm\:max-w-full {
+    max-width: 100%;
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .sm\:gap-2 {
     gap: 0.5rem;
   }
 
+  .sm\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
   .sm\:p-2 {
     padding: 0.5rem;
   }
@@ -2259,6 +2430,16 @@ main {
     padding-right: 1.5rem;
   }
 
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .sm\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
   .sm\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -2281,6 +2462,43 @@ main {
 }
 
 @media (min-width: 1024px) {
+  .lg\:top-48 {
+    top: 12rem;
+  }
+
+  .lg\:top-56 {
+    top: 14rem;
+  }
+
+  .lg\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .lg\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .lg\:top-96 {
+    top: 24rem;
+  }
+
+  .lg\:top-64 {
+    top: 16rem;
+  }
+
+  .lg\:left-\[18rem\] {
+    left: 18rem;
+  }
+
+  .lg\:top-0 {
+    top: 0px;
+  }
+
+  .lg\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
   .lg\:block {
     display: block;
   }
@@ -2297,6 +2515,10 @@ main {
     height: 39vw;
   }
 
+  .lg\:h-96 {
+    height: 24rem;
+  }
+
   .lg\:max-h-\[761px\] {
     max-height: 761px;
   }
@@ -2321,10 +2543,40 @@ main {
     width: 15rem;
   }
 
+  .lg\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-full {
+    width: 100%;
+  }
+
+  .lg\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
+  .lg\:max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .lg\:flex-row {
     flex-direction: row;
   }
 
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+
   .lg\:flex-nowrap {
     flex-wrap: nowrap;
   }
@@ -2341,6 +2593,10 @@ main {
     justify-content: flex-end;
   }
 
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+
   .lg\:bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -2363,6 +2619,15 @@ main {
     padding-left: 2rem;
     padding-right: 2rem;
   }
+
+  .lg\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .lg\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
 }
 
 @media (min-width: 1280px) {
@@ -2386,6 +2651,10 @@ main {
     width: 24rem;
   }
 
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
   .xl\:flex-row {
     flex-direction: row;
   }
-- 
cgit v1.2.3