style: Arrumando alguns estilos e incluindo ícones

- Estilizando header conforme design definido no Figma
- Utilizado icongenie conforme documentação do Quasar

src-cordova/config.xml

@@ -15,10 +15,62 @@
     <allow-intent href="geo:*" />
     <platform name="android">
         <allow-intent href="market:*" />
+        <icon density="ldpi" src="res/android/ldpi.png" />
+        <icon density="mdpi" src="res/android/mdpi.png" />
+        <icon density="hdpi" src="res/android/hdpi.png" />
+        <icon density="xhdpi" src="res/android/xhdpi.png" />
+        <icon density="xxhdpi" src="res/android/xxhdpi.png" />
+        <icon density="xxxhdpi" src="res/android/xxxhdpi.png" />
+        <splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" />
+        <splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" />
+        <splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" />
+        <splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" />
+        <splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" />
+        <splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" />
+        <splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" />
+        <splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" />
+        <splash density="land-xxhdpi" src="res/screen/android/splash-land-xxhdpi.png" />
+        <splash density="port-xxhdpi" src="res/screen/android/splash-port-xxhdpi.png" />
+        <splash density="land-xxxhdpi" src="res/screen/android/splash-land-xxxhdpi.png" />
+        <splash density="port-xxxhdpi" src="res/screen/android/splash-port-xxxhdpi.png" />
     </platform>
     <platform name="ios">
         <allow-intent href="itms:*" />
         <allow-intent href="itms-apps:*" />
+        <icon height="57" src="res/ios/icon.png" width="57" />
+        <icon height="114" src="res/ios/icon@2x.png" width="114" />
+        <icon height="40" src="res/ios/icon-20@2x.png" width="40" />
+        <icon height="60" src="res/ios/icon-20@3x.png" width="60" />
+        <icon height="29" src="res/ios/icon-29.png" width="29" />
+        <icon height="58" src="res/ios/icon-29@2x.png" width="58" />
+        <icon height="87" src="res/ios/icon-29@3x.png" width="87" />
+        <icon height="80" src="res/ios/icon-40@2x.png" width="80" />
+        <icon height="120" src="res/ios/icon-60@2x.png" width="120" />
+        <icon height="180" src="res/ios/icon-60@3x.png" width="180" />
+        <icon height="20" src="res/ios/icon-20.png" width="20" />
+        <icon height="40" src="res/ios/icon-40.png" width="40" />
+        <icon height="50" src="res/ios/icon-50.png" width="50" />
+        <icon height="100" src="res/ios/icon-50@2x.png" width="100" />
+        <icon height="72" src="res/ios/icon-72.png" width="72" />
+        <icon height="144" src="res/ios/icon-72@2x.png" width="144" />
+        <icon height="76" src="res/ios/icon-76.png" width="76" />
+        <icon height="152" src="res/ios/icon-76@2x.png" width="152" />
+        <icon height="167" src="res/ios/icon-83.5@2x.png" width="167" />
+        <icon height="1024" src="res/ios/icon-1024.png" width="1024" />
+        <icon height="48" src="res/ios/icon-24@2x.png" width="48" />
+        <icon height="55" src="res/ios/icon-27.5@2x.png" width="55" />
+        <icon height="88" src="res/ios/icon-44@2x.png" width="88" />
+        <icon height="172" src="res/ios/icon-86@2x.png" width="172" />
+        <icon height="196" src="res/ios/icon-98@2x.png" width="196" />
+        <splash src="res/screen/ios/Default@2x~iphone~anyany.png" />
+        <splash src="res/screen/ios/Default@2x~iphone~comany.png" />
+        <splash src="res/screen/ios/Default@2x~iphone~comcom.png" />
+        <splash src="res/screen/ios/Default@3x~iphone~anyany.png" />
+        <splash src="res/screen/ios/Default@3x~iphone~anycom.png" />
+        <splash src="res/screen/ios/Default@3x~iphone~comany.png" />
+        <splash src="res/screen/ios/Default@2x~ipad~anyany.png" />
+        <splash src="res/screen/ios/Default@2x~ipad~comany.png" />
     </platform>
     <allow-navigation href="about:*" />
+    <preference name="SplashMaintainAspectRatio" value="true" />
 </widget>

src-cordova/package.json

@@ -14,11 +14,13 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "cordova-android": "^9.0.0",
+    "cordova-plugin-splashscreen": "^6.0.0",
     "cordova-plugin-whitelist": "^1.3.4"
   },
   "cordova": {
     "plugins": {
-      "cordova-plugin-whitelist": {}
+      "cordova-plugin-whitelist": {},
+      "cordova-plugin-splashscreen": {}
     },
     "platforms": [
       "android"

src/css/app.sass

@@ -1 +1,7 @@
 // app global css in Sass form
+.q-header--bordered
+    border-bottom: 1px solid rgba(70, 42, 113, 0.12)
+    border-radius: 0 0 50% 50%
+
+.q-toolbar
+    min-height: 80px

src/layouts/MainLayout.vue

@@ -1,6 +1,12 @@
 <template>
-  <q-layout class="banner">
-    <img src="../../public/elipse.png" class="banner borda"/>
+  <q-layout view="hhh lpR fFf">
+    <q-header reveal bordered class="purplebg text-white">
+      <q-toolbar>
+        <q-toolbar-title>
+        </q-toolbar-title>
+      </q-toolbar>
+    </q-header>
+
     <q-page-container>
       <router-view />
     </q-page-container>
@@ -17,12 +23,8 @@ export default {
 }
 </script>
 
-<style>
-.banner {
-  /* position: absolute; */
-  top: -2px;
-  width: 100vw;
-  height: 100px;
-  /* z-index: 1; */
+<style scoped>
+.purplebg {
+  background-color: rgba(70, 42, 113, 0.5);
 }
 </style>

src/pages/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <q-page class="row justify-center">
     <div class="row col-12 justify-center">
-      <img class="logo-ada" src="../../public/ADA2.png" width="100" height="100"/>
+      <img class="logo-ada" src="../../public/ADA2.png" height="100"/>
     </div>
     <div class="row col-12 justify-center">
       <div class="col-12 row justify-center">
@@ -12,7 +12,7 @@
       </div>
     </div>
     <div class="row col-12 justify-center container-logo-bmg">
-      <img src="../../public/banco-bmg-logo.png" width="60px" height="40px"/>
+      <img src="../../public/banco-bmg-logo.png" height="35px"/>
     </div>
   </q-page>
 </template>