Unistore logo is now more mobile-responsive

wyndchyme · wyndchyme · commit 22300e5f4108 · 2025-03-26T00:21:04.000-05:00
diff --git a/unistore/index.html b/unistore/index.html
@@ -125,6 +125,12 @@
     .flickity-button {
       transform: translateY(-45px);
     }
+    @media (max-width: 414px) {
+      #unistoreLogo {
+        min-width: 0px !important;
+        width: 300px !important;
+      }
+    }
   </style>
 </head>
 <body>
@@ -199,7 +205,7 @@
 
     <div class="unistoreHeader">
         <div style="background: linear-gradient(rgba(97, 133, 152, 0.9), rgba(80, 127, 150, 0.7)), url(/img/bg/chiseled_quartz_block_top.png); background-size: 32px; height: 100%; display: flex; align-items: center; padding-left: 30%; padding-right: 30%; border-left: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid rgba(0, 0, 0, 0.1);">
-        <img src="/img/logos/unistore.png" style="max-width: 500px; width: 30vw; min-width: 400px; image-rendering: auto;">
+        <img src="/img/logos/unistore.png" style="max-width: 500px; width: 30vw; min-width: 400px; image-rendering: auto;" id="unistoreLogo">
         </div>
     </div>
 
