From 6aa12b13f5b0b64bef25d7df2eff17e2f3514ab4 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Tue, 21 Aug 2018 09:21:29 +0800
Subject: [PATCH] fix: login page style problem #21

---
 src/components/login/Login.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/login/Login.vue b/src/components/login/Login.vue
index 1a4b8cd..6ea8fd7 100644
--- a/src/components/login/Login.vue
+++ b/src/components/login/Login.vue
@@ -10,7 +10,7 @@
       </div>
       <div class="login">
         <a-form @submit="onSubmit" :autoFormCreate="(form) => this.form = form">
-          <a-tabs size="large" :tabBarStyle="{textAlign: 'center'}">
+          <a-tabs size="large" :tabBarStyle="{textAlign: 'center'}" style="padding: 0 2px;">
             <a-tab-pane tab="账户密码登录" key="1">
               <a-alert type="error" :closable="true" v-show="error" :message="error" showIcon style="margin-bottom: 24px;" />
               <a-form-item
@@ -44,7 +44,7 @@
                   </a-input>
                   </a-col>
                   <a-col :span="8" style="padding-left: 4px">
-                    <a-button style="width: 100%" size="large">获取验证码</a-button>
+                    <a-button style="width: 100%" class="captcha-button" size="large">获取验证码</a-button>
                   </a-col>
                 </a-row>
               </a-form-item>
@@ -183,6 +183,14 @@ export default {
       .login{
         width: 368px;
         margin: 0 auto;
+        @media screen and (max-width: 576px) {
+          width: 95%;
+        }
+        @media screen and (max-width: 320px) {
+          .captcha-button{
+            font-size: 14px;
+          }
+        }
         .icon {
           font-size: 24px;
           color: rgba(0, 0, 0, 0.2);