Add height and width utilities for 10 and 12 spacing units; update logo size in header

Author: MrAlders0n

content/tailwind.css

@@ -310,6 +310,12 @@
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -334,6 +340,12 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
   .w-full {
     width: 100%;
   }

index.html

@@ -37,7 +37,7 @@
       <!-- App Title -->
       <header class="flex items-center justify-between gap-2">
         <h1 class="flex items-center gap-2 text-lg sm:text-xl font-semibold truncate min-w-0">
-          <img class="h-8 w-8 sm:h-10 sm:w-10 flex-shrink-0" src="content/wardrive.png" alt="MeshCore" />
+          <img class="h-10 w-10 sm:h-12 sm:w-12 flex-shrink-0" src="content/wardrive.png" alt="MeshCore" />
           <span class="truncate">MeshMapper</span>
         </h1>
         <span id="appVersion" class="text-xs text-slate-400 flex-shrink-0 whitespace-nowrap">v1.0</span>