Mobile UI improvements - still 1.0.7

mobycrypt · Jun 1, 2021 · 0a61e31 · 0a61e31
1 parent 4f0b54b
commit 0a61e31
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - fixed q-input textarea max-height (UI bug)
 - npm upgrade (new quasar)
 - run on node 14.15.5 (new node_modules)
+- mobile UI improvements
 ## [1.0.6] (21.10.2020)
 ##### Modified:
 - fixed space missing in ASCII characters list

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -3,12 +3,14 @@
     <q-page>
         <div class="row">
           <div class="col-lg-4 col-xs-grow text-center">
-            <q-card class="q-ma-md bg-dark">
+            <q-card class="bg-dark"
+                    :class="$q.platform.is.mobile ? 'q-mt-xs q-mb-xs' : 'q-ma-md'">
               <q-card-section>
             <img src="statics/TextEncrypter.png"
                  :style="$q.platform.is.mobile ?
-                 'max-width: 100%;' : 'max-width: 415px; max-height: 244px'"/>
-                <div class="text-h3 custom-font text-white">TEXT ENCRYPTER</div>
+                 'max-width: 70%;' : 'max-width: 415px; max-height: 244px'"/>
+                <div class="custom-font text-white"
+                     :class="$q.platform.is.mobile ? 'text-h4' : 'text-h3'">TEXT ENCRYPTER</div>
                 <div class="custom-font text-red"
                 :class="$q.platform.is.mobile ? 'text-subtitle' : 'text-h6'">
                   FREE AND SECURE TEXT ENCRYPTER. <br>