From 6a256bc1592df4929cf51d61bb99631e8d12c17c Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 6 Jan 2021 00:19:58 +0800
Subject: [PATCH] modify login page style

---
 src/views/mobile/Login.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/views/mobile/Login.vue b/src/views/mobile/Login.vue
index eb777884..cbdd2967 100644
--- a/src/views/mobile/Login.vue
+++ b/src/views/mobile/Login.vue
@@ -1,6 +1,9 @@
 <template>
     <f7-page no-toolbar no-navbar no-swipeback login-screen>
-        <f7-login-screen-title>{{ $t('global.app.title') }}</f7-login-screen-title>
+        <f7-login-screen-title>
+            <img class="login-page-logo" src="/img/lab-192.png" />
+            <f7-block class="margin-vertical-half">{{ $t('global.app.title') }}</f7-block>
+        </f7-login-screen-title>
         <f7-list form>
             <f7-list-input
                 type="text"
@@ -33,7 +36,7 @@
             <f7-block-footer>
             </f7-block-footer>
         </f7-list>
-        <f7-button small popover-open=".popover-menu" :text="currentLanguageName"></f7-button>
+        <f7-button small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
         <f7-list>
             <f7-block-footer>
                 <span>Powered by </span>
@@ -43,7 +46,8 @@
             <f7-block-footer>
             </f7-block-footer>
         </f7-list>
-        <f7-popover class="popover-menu">
+
+        <f7-popover class="lang-popover-menu">
             <f7-list>
                 <f7-list-item
                     link="#" no-chevron popover-close
@@ -266,3 +270,15 @@ export default {
     }
 };
 </script>
+
+<style>
+.login-page-logo {
+    width: 80px;
+    height: 80px;
+}
+
+.lang-popover-menu .popover-inner {
+    max-height: 300px;
+    overflow-Y: auto;
+}
+</style>