💄 mobile adjusts

vinicius73 · vinicius73 · commit 5e76e2a865bc · 2020-01-12T17:09:39.000-03:00
diff --git a/public/index.html b/public/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
     <meta name=theme-color content=#292d3e>
     <meta name=apple-mobile-web-app-capable content=yes>
     <meta name=apple-mobile-web-app-status-bar-style content=#292d3e>
diff --git a/src/App.vue b/src/App.vue
@@ -47,22 +47,33 @@ export default {
 <style lang="scss" scoped>
 #app {
   height: 100%;
+  width: 100%;
   display: grid;
   grid-template-rows: 115px 1fr;
 }
 #main-content {
-  min-height: 100%;
+  height: 100%;
   width: 100%;
 }
 .inputs {
   display: grid;
   height: 100%;
-  grid-template-rows: 2fr 1fr;
+  width: 100%;
+  grid-template-rows: 1fr;
   .inputs-footer {
     display: grid;
     height: 100%;
     grid-column-gap: 0.5em;
-    grid-template-columns: 2fr 1fr;
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (min-width: 768px) {
+  .inputs {
+    grid-template-rows: 2fr 1fr;
+    .inputs-footer {
+      grid-template-columns: 2fr 1fr;
+    }
   }
 }
 </style>
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
@@ -13,6 +13,7 @@ html, body {
 }
 
 .CodeMirror {
+  width: 100%;
   font-size: 1.6em;
   line-height: 1.5em;
 }
