1 files changed, 57 insertions, 6 deletions
diff --git a/static/output.css b/static/output.css
index ea57d8f..1517e8d 100644
--- a/static/output.css
+++ b/static/output.css
@@ -181,6 +181,9 @@
   .relative {
     position: relative;
   }
+  .sticky {
+    position: sticky;
+  }
   .z-0 {
     z-index: 0;
   }
@@ -241,12 +244,18 @@
   .flex {
     display: flex;
   }
+  .h-\[92vh\] {
+    height: 92vh;
+  }
   .h-auto {
     height: auto;
   }
   .h-screen {
     height: 100vh;
   }
+  .max-h-\[80\%\] {
+    max-height: 80%;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -259,6 +268,9 @@
   .flex-5 {
     flex: 5;
   }
+  .flex-none {
+    flex: none;
+  }
   .flex-grow {
     flex-grow: 1;
   }
@@ -505,12 +517,18 @@
   width: 5vw;
   background-size: 10vw;
 }
+body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
+  display: none !important;
+}
 .mobile-topbar-custom {
   width: 90vw;
-  height: 10vh;
-  background-size: 20vh;
+  height: 8%;
+  background-size: 16vh;
   margin-left: 5vw;
 }
+body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
+  display: none !important;
+}
 .logo-custom {
   width: 3.5vw;
   height: 20vw;
@@ -584,12 +602,21 @@
 .w-vw90 {
   width: 90vw;
 }
+.w-p60 {
+  width: 60%;
+}
 .w-p80 {
   width: 80%;
 }
+.w-p100 {
+  width: 100%;
+}
 .w-vmax4 {
   width: 4vmax;
 }
+.h-vh40 {
+  height: 40vh;
+}
 .h-vh90 {
   height: 90vh;
 }
@@ -630,6 +657,9 @@
 .pr-vmin1-2 {
   padding-right: 1.2vmin;
 }
+.p-vmin0-8 {
+  padding: 0.8vmin;
+}
 .p-vmin2-4 {
   padding: 2.4vmin;
 }
@@ -638,9 +668,16 @@
 }
 .lg-backdrop {
   background-color: var(--background-light-color);
+  opacity: 0.8 !important;
+}
+.lg-container:not([class~="lg-inline"]) .lg-outer {
+  width: 90%;
+  height: 90%;
+  margin: 5vh 5vw;
 }
 .lg-thumb-outer {
   background-color: var(--background-light-color) !important;
+  opacity: 0.8 !important;
 }
 .lg-prev {
   background-color: var(--background-light-color);
@@ -657,6 +694,16 @@
   padding-top: 0;
   height: 1vmax;
 }
+.lg-container:not([class~="lg-inline"]) .lg-counter {
+  font-size: 2vmax;
+  height: 2vmax;
+}
+.lg-content {
+  top: 3vmax !important;
+}
+.lg-container:not([class~="lg-inline"]) .lg-content {
+  top: 4vmax !important;
+}
 .lg-toolbar .lg-icon {
   padding: 0 0.7vmax;
   font-size: 1.5vmax !important;
@@ -664,6 +711,10 @@
   width: auto;
   color: var(--main-dark-color);
 }
+.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
+  font-size: 3vmax !important;
+  height: 3vmax;
+}
 .lg-toolbar .lg-icon:hover {
   color: var(--main-medium-color);
 }
@@ -730,15 +781,15 @@
     display: none;
   }
   .nav-icon-custom {
-    font-size: 6vh !important;
+    font-size: 5vh !important;
     -webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
-    width: 10vh;
-    height: 10vh;
+    width: 8vh;
+    height: 8vh;
     align-content: center;
     text-align: center;
   }
   .nav-icon-custom:hover {
-    font-size: 8vh;
+    font-size: 7vh;
   }
   .bg-pattern-body {
     background-size: 10vh;