Improve web app on smaller screens

waacton · Apr 22, 2024 · 49571f3 · 49571f3
1 parent f8453cd
commit 49571f3
Show file tree

Hide file tree

Showing 12 changed files with 14 additions and 10 deletions.
diff --git a/Example.Web/App.razor b/Example.Web/App.razor
@@ -103,17 +103,11 @@
         letter-spacing: 0.25rem;
     }
     
-    @@media screen and (max-width: 600px) {
-        .title-text {
-            font-size: 1.75rem;
-        }
-    }
-    
     .max-width-wrapper {
         max-width: 720px;
         margin-left: auto;
         margin-right: auto;
-        padding: 64px 64px 0 64px;
+        padding: 64px 32px 0 32px;
     }
     
     .column {
@@ -261,6 +255,16 @@
         letter-spacing: 0.05rem;
         white-space: pre;
     }
+    
+    @@media screen and (max-width: 720px) {
+        .icon {
+            height: 32px;
+        }
+        
+        .title-text {
+            font-size: 1.75rem;
+        }
+    }
 </style>
 
 @code {

diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.pdb.gz b/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.pdb.gz
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.wasm b/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.wasm
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.wasm.br b/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.wasm.br
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.wasm.gz b/docs/colour-picker/_framework/Wacton.Unicolour.Example.Web.wasm.gz
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.pdb.gz b/docs/colour-picker/_framework/Wacton.Unicolour.pdb.gz
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.wasm b/docs/colour-picker/_framework/Wacton.Unicolour.wasm
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.wasm.br b/docs/colour-picker/_framework/Wacton.Unicolour.wasm.br
diff --git a/docs/colour-picker/_framework/Wacton.Unicolour.wasm.gz b/docs/colour-picker/_framework/Wacton.Unicolour.wasm.gz
diff --git a/docs/colour-picker/_framework/blazor.boot.json b/docs/colour-picker/_framework/blazor.boot.json
@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "Wacton.Unicolour.Example.Web",
   "resources": {
-    "hash": "sha256-ZBL+oGp1UjrtFbiLM5W+Ws4xVBGwl6onDydx7wS8JCs=",
+    "hash": "sha256-9iT0yXJjkejDOLr28RA8cDvGGJKqYLF5EnLcT7XM3OU=",
     "jsModuleNative": {
       "dotnet.native.8.0.3.ir284go4ny.js": "sha256-D4sYBYmDfH/YekgYRgX959/2RG6k28sJSHmcsn+iikk="
     },
@@ -207,8 +207,8 @@
       "System.Xml.XmlSerializer.wasm": "sha256-qu7VGSlaZOqgt5JZMsE/L8ilWK5lt4teZLY9QKCkJyY=",
       "System.Xml.XPath.wasm": "sha256-tUNAS6Z4TprhskLHOnOya2pco3KDsCcBMfZ+htb0HBU=",
       "System.Xml.XPath.XDocument.wasm": "sha256-+MKQ87TsMm829Otiz6wsdCFe0uZLksddhf2MXc9bIUk=",
-      "Wacton.Unicolour.Example.Web.wasm": "sha256-wlu7JP2USEhSShkrbXyML8PFcAM0uDFurMhGbRjKFoo=",
-      "Wacton.Unicolour.wasm": "sha256-IQsUNxF3fe8BQ3D/9R7UDXvoEvFvAr+UTne1hcfYhGE=",
+      "Wacton.Unicolour.Example.Web.wasm": "sha256-OzXAV23mW+eAFl+MHk0/x7DHvGxv2cHuELiA8KI2xzc=",
+      "Wacton.Unicolour.wasm": "sha256-RuFIon/eCTq9MUs3VAEANtGN9WDrnvbuEbsAQQNWbqw=",
       "WindowsBase.wasm": "sha256-lcr0/6rzYJrl+fMl5kvdeCiSzrQwR47frxhGjlR++DI="
     }
   },

diff --git a/docs/colour-picker/_framework/blazor.boot.json.br b/docs/colour-picker/_framework/blazor.boot.json.br
diff --git a/docs/colour-picker/_framework/blazor.boot.json.gz b/docs/colour-picker/_framework/blazor.boot.json.gz