chore(Css): cleaned up a bunch of css

Satellite-im · Dec 19, 2021 · eac41f0 · eac41f0
1 parent 05bfe5d
commit eac41f0
Show file tree

Hide file tree

Showing 12 changed files with 22 additions and 31 deletions.
diff --git a/assets/styles/base.less b/assets/styles/base.less
@@ -10,6 +10,9 @@ body {
   &:extend(.full-width);
   overscroll-behavior: none;
   caret-color: @primary-color;
+}
+
+html {
   &:extend(.background-gradient);
 }
 

diff --git a/assets/styles/platforms/iOS.less b/assets/styles/platforms/iOS.less
@@ -4,11 +4,7 @@
     padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
   }
   #app {
-    border-top: none;
-    height: 100%;
-  }
-  #__layout{
-    height: calc(100% - 2px);
+    padding-top: calc(@normal-spacing * 2);
   }
 }
 // @import '~/assets/styles/themes/moonless_night.less';
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -29,7 +29,7 @@ export default defineNuxtConfig({
       {
         name: 'viewport',
         content:
-          'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover',
+          'viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no',
       },
       { hid: 'description', name: 'description', content: '' },
     ],

diff --git a/pages/auth/register/Register.less b/pages/auth/register/Register.less
@@ -8,6 +8,7 @@
 
   .registration-body {
     align-self: center;
+    justify-self: center;
   }
 }
 

diff --git a/pages/setup/InputAccount/InputAccount.html → pages/setup/ImportAccount/ImportAccount.html b/pages/setup/InputAccount/InputAccount.html → pages/setup/ImportAccount/ImportAccount.html
diff --git a/pages/setup/InputAccount/InputAccount.less → pages/setup/ImportAccount/ImportAccount.less b/pages/setup/InputAccount/InputAccount.less → pages/setup/ImportAccount/ImportAccount.less
@@ -37,8 +37,6 @@
 
 @media only screen and (max-width: @mobile-breakpoint) {
   .container {
-    margin: 0;
-    width: @full;
     .columns {
       margin: 0;
     }
@@ -47,15 +45,14 @@
         margin-top: auto;
         width: unset;
         min-width: @full;
-        &:extend(.full-width);
       }
       margin: 0;
-      width: unset;
+      width: 100%;
       display: flex;
       flex-direction: column;
       align-self: flex-start;
       height: 100%;
-      padding: 0 @normal-spacing;
     }
+    padding-bottom: @normal-spacing;
   }
 }
diff --git a/pages/setup/InputAccount/README.md → pages/setup/ImportAccount/README.md b/pages/setup/InputAccount/README.md → pages/setup/ImportAccount/README.md
diff --git a/pages/setup/InputAccount/index.vue → pages/setup/ImportAccount/index.vue b/pages/setup/InputAccount/index.vue → pages/setup/ImportAccount/index.vue
@@ -1,4 +1,4 @@
-<template src="./InputAccount.html"></template>
+<template src="./ImportAccount.html"></template>
 
 <script lang="ts">
 import Vue from 'vue'
@@ -13,7 +13,7 @@ declare module 'vue/types/vue' {
 }
 
 export default Vue.extend({
-  name: 'InputAccountScreen',
+  name: 'ImportAccountScreen',
   components: {
     PlusCircleIcon,
   },
@@ -68,4 +68,4 @@ export default Vue.extend({
 })
 </script>
 
-<style lang="less" scoped src="./InputAccount.less"></style>
+<style lang="less" scoped src="./ImportAccount.less"></style>
diff --git a/pages/setup/disclaimer/Disclaimer.less b/pages/setup/disclaimer/Disclaimer.less
@@ -20,19 +20,16 @@
   justify-content: center;
 }
 @media only screen and (max-width: @mobile-breakpoint) {
-  .disclaimer-body {
-    margin-top: @normal-spacing;
-  }
-  .buttons {
-    button {
-      margin-top: @light-spacing;
-      width: @full !important;
-    }
-    display: inline-block;
-    margin-top: auto;
-    justify-self: flex-end;
-    &:nth-child(2) {
-      margin-bottom: @normal-spacing;
+  .container {
+    .buttons {
+      button {
+        margin-top: @light-spacing;
+        width: @full !important;
+      }
+      display: inline-block;
+      margin-top: auto;
+      justify-self: flex-end;
     }
+    padding: 0 @normal-spacing;
   }
 }
diff --git a/pages/setup/disclaimer/index.vue b/pages/setup/disclaimer/index.vue
@@ -15,7 +15,7 @@ export default Vue.extend({
       this.$router.push('privacy')
     },
     importAccount() {
-      this.$router.push('inputAccount')
+      this.$router.push('importAccount')
     },
   },
 })

diff --git a/pages/setup/privacy/Privacy.html b/pages/setup/privacy/Privacy.html
@@ -76,7 +76,6 @@
           class="right"
           type="primary"
           :action="generateWallet"
-          size="small"
         >
           {{ $t('pages.privacy.continue') }}
         </InteractablesButton>

diff --git a/pages/setup/privacy/Privacy.less b/pages/setup/privacy/Privacy.less
@@ -47,8 +47,6 @@
       flex-direction: column;
       align-self: flex-start;
     }
-    height: @full;
-    padding-top: @normal-spacing;
     justify-content: flex-start;
     margin: 0;
     padding: 0;