Merge pull request #7 from Lenni009/dev

favicons can be dynamic

Author: Lenni009

public/android-chrome-192x192.png

@@ -63,8 +63,8 @@ watch(anyUncompressed, async (newVal) => {
     <div class="explanation-wrapper">
       <p class="explanation">Compresses images to &lt; 10MB.</p>
       <a
-        role="button"
         href="https://nomanssky.fandom.com/wiki/Special:Upload?multiple=true"
+        role="button"
         target="_blank"
         rel="noopener noreferrer"
         >Open NMS Wiki Image Upload</a
@@ -77,8 +77,8 @@ watch(anyUncompressed, async (newVal) => {
     <div class="buttons">
       <button
         :aria-busy="isCompressing"
-        :disabled="!files.length || !anyUncompressed"
         :class="{ 'is-success': files.length && !anyUncompressed }"
+        :disabled="!files.length || !anyUncompressed"
         @click="compressFiles"
       >
         {{ files.length && !anyUncompressed ? 'All compressed!' : 'Compress' }}

public/android-chrome-512x512.png

@@ -74,14 +74,12 @@ function addFiles(uploadedFiles: FileList) {
 
   &:hover,
   &.drag-active {
-    border-style: solid;
-    border-width: 3px;
+    border: 3px solid;
   }
 
   .drop-title {
     font-weight: bold;
     text-align: center;
-    transition: color 0.2s ease-in-out;
   }
 
   input[type='file'] {
@@ -93,7 +91,6 @@ function addFiles(uploadedFiles: FileList) {
 
     &::file-selector-button {
       padding: 10px 20px;
-      transition: background-color 0.2s ease-in-out;
     }
   }
 }

public/apple-touch-icon.png

@@ -1,4 +1,14 @@
 .container {
   margin-block-start: 1rem;
   margin-block-end: 2rem;
-}
+}
+
+body {
+  scrollbar-gutter: stable;
+}
+
+* {
+  transition:
+    background-color 0.3s,
+    color 0.3s;
+}