Merge pull request ava-labs#142 from ava-labs/dev

fix mobile width issues
moreati · Jan 20, 2021 · f75dcbe · f75dcbe
2 parents 1f1e7bf + d490319
commit f75dcbe
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 1 deletion.
diff --git a/src/components/modals/ExportKeys.vue b/src/components/modals/ExportKeys.vue
@@ -69,6 +69,7 @@ export default class ExportKeys extends Vue {
 
 @include main.mobile-device {
     .export_body {
+        max-width: 100%;
     }
 }
 </style>

diff --git a/src/components/modals/HdDerivationList/HdDerivationListModal.vue b/src/components/modals/HdDerivationList/HdDerivationListModal.vue
@@ -31,7 +31,7 @@ export default class HdDerivationList extends Vue {
 </script>
 <style scoped lang="scss">
 .hd_deriv_modal_body {
-    width: 600px;
+    //width: 600px;
     max-width: 100%;
     padding: 0px;
 }

diff --git a/src/components/modals/ImportKeys.vue b/src/components/modals/ImportKeys.vue
@@ -113,6 +113,9 @@ export default class ImportKeys extends Vue {
 }
 
 @include main.mobile-device {
+    .add_key_body {
+        max-width: 100%;
+    }
 }
 </style>
 

diff --git a/src/components/modals/MnemonicPhrase.vue b/src/components/modals/MnemonicPhrase.vue
@@ -31,6 +31,8 @@ export default class MnemonicPhrase extends Vue {
 }
 </script>
 <style scoped lang="scss">
+@use '../../main';
+
 .mnemonic_modal_body {
     /*width: 600px;*/
     max-width: 400px;
@@ -52,4 +54,10 @@ export default class MnemonicPhrase extends Vue {
     border-radius: 2px;
     padding: 6px 12px;
 }
+
+@include main.mobile-device {
+    .mnemonic_modal_body {
+        max-width: 100%;
+    }
+}
 </style>
diff --git a/src/components/modals/PaperWallet/PaperWallet.vue b/src/components/modals/PaperWallet/PaperWallet.vue
@@ -245,6 +245,7 @@ export default class PaperWallet extends Vue {
     width: 525px;
     max-width: 100%;
     padding: 30px;
+    margin: 0px auto;
 }
 
 .qr_body p {