feat: Turn on page scaling. Temporary solution for mobile devices. (#14)

Bigismall · Feb 22, 2024 · 88b4919 · 88b4919
2 parents facf6bf + f8c84fa
commit 88b4919
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
   <title>Map on photo - add map thumbnail to your photo!</title>
   <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1 minimum-scale=0.25 ma  maximum-scale=1 user-scalable=1" />
   <meta name="author" content="Slavo" />
   <meta name="theme-color" content="#2c3e50">
   <meta name="description"

diff --git a/src/styles/styles.scss b/src/styles/styles.scss
@@ -16,7 +16,7 @@ body {
   font-weight: 400;
   color: $text;
 
-  background-color: $blue;
+  background-color: $light-blue;
   background-image: linear-gradient(
                   to bottom,
                   $blue,
@@ -25,6 +25,7 @@ body {
                   #505f6e,
                   $light-blue
   );
+  background-repeat: repeat-x;
 
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: $transparent;