From 5b89d68edc38ada06b9ad5bdc83d3b3a45fb53ea Mon Sep 17 00:00:00 2001
From: mutoe <mutoe@foxmail.com>
Date: Sat, 12 Jan 2019 10:51:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(SPA):=20=E4=BF=AE=E5=A4=8D=E5=9C=A8=20ios?=
 =?UTF-8?q?=20=E4=B8=8B=E5=AF=86=E7=A0=81=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E4=B8=8D=E6=AD=A3=E7=A1=AE=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit f435fc730252b7980122299ac46c20277f3d0ee1)
---
 .../src/components/common/PasswordConfirm.vue | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/resources/spa/src/components/common/PasswordConfirm.vue b/resources/spa/src/components/common/PasswordConfirm.vue
index 593770b70..70cb3bcbd 100644
--- a/resources/spa/src/components/common/PasswordConfirm.vue
+++ b/resources/spa/src/components/common/PasswordConfirm.vue
@@ -28,13 +28,15 @@
         </CommonHeader>
         <main>
           <form onsubmit="return false">
-            <input
-              ref="content"
-              v-model="password"
-              type="password"
-              minlength="6"
-              maxlength="16"
-            >
+            <label class="input-wrap">
+              <input
+                ref="content"
+                v-model="password"
+                type="password"
+                minlength="6"
+                maxlength="16"
+              >
+            </label>
             <button
               :disabled="disabled"
               type="submit"
@@ -126,18 +128,24 @@ export default {
       margin-bottom: 20px;
       height: 60px;
 
-      input[type="password"] {
+      .input-wrap {
         flex: auto;
         border: 1px solid @border-color;/*no*/
         border-radius: 16px 0 0 16px;
+
+        input[type="password"] {
+          margin: 0;
+          box-shadow: none;
+        }
       }
 
       button[type="submit"] {
         flex: none;
         width: 6em;
+        margin: 0;
+        border-radius: 0 16px 16px 0;
         background-color: @primary;
         color: #fff;
-        border-radius: 0 16px 16px 0;
 
         &:disabled {
           background-color: #999;