From 5c78ca616abd3522a92bd5ad0f9669b2e725c008 Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Mon, 19 Aug 2019 23:47:32 +0530
Subject: [PATCH] login page cleanup

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/components/layouts/UserLayout.vue |  7 +++---
 ui/src/views/user/Login.vue              | 32 +++---------------------
 2 files changed, 7 insertions(+), 32 deletions(-)

diff --git a/ui/src/components/layouts/UserLayout.vue b/ui/src/components/layouts/UserLayout.vue
index ac0adf3d262..4d5b071f059 100644
--- a/ui/src/components/layouts/UserLayout.vue
+++ b/ui/src/components/layouts/UserLayout.vue
@@ -49,8 +49,9 @@ export default {
     .container {
       width: 100%;
       min-height: 100%;
-      background: #fff; // url(~@/assets/background.svg) no-repeat 50%;
-      background-size: 100%;
+      background: url(~@/assets/background.svg);
+      background-repeat: repeat;
+      background-size: 20%;
       padding-top: 75px;
       position: relative;
 
@@ -75,7 +76,7 @@ export default {
 
           .logo {
             width: 100%;
-            max-width: 480px;
+            max-width: 450px;
             vertical-align: top;
             border-style: none;
           }
diff --git a/ui/src/views/user/Login.vue b/ui/src/views/user/Login.vue
index c04597ee22d..0088af292d9 100644
--- a/ui/src/views/user/Login.vue
+++ b/ui/src/views/user/Login.vue
@@ -16,7 +16,7 @@
         <a-tab-pane key="tab1">
           <span slot="tab">
             <a-icon type="safety" />
-            CloudStack Login
+            <b>CloudStack Login</b>
           </span>
           <a-form-item>
             <a-input
@@ -65,33 +65,8 @@
         <a-tab-pane key="tab2" disabled>
           <span slot="tab">
             <a-icon type="audit" />
-            SAML
+            <b>SAML</b>
           </span>
-
-          <a-form-item>
-            <a-input size="large" type="text" placeholder="手机号" v-decorator="['mobile', {rules: [{ required: true, pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号' }], validateTrigger: 'change'}]">
-              <a-icon slot="prefix" type="mobile" :style="{ color: 'rgba(0,0,0,.25)' }"/>
-            </a-input>
-          </a-form-item>
-
-          <a-row :gutter="16">
-            <a-col class="gutter-row" :span="16">
-              <a-form-item>
-                <a-input size="large" type="text" placeholder="验证码" v-decorator="['captcha', {rules: [{ required: true, message: '请输入验证码' }], validateTrigger: 'blur'}]">
-                  <a-icon slot="prefix" type="mail" :style="{ color: 'rgba(0,0,0,.25)' }"/>
-                </a-input>
-              </a-form-item>
-            </a-col>
-            <a-col class="gutter-row" :span="8">
-              <a-button
-                class="getCaptcha"
-                tabindex="-1"
-                :disabled="state.smsSendBtn"
-                @click.stop.prevent="getCaptcha"
-                v-text="!state.smsSendBtn && '获取验证码' || (state.time+' s')"
-              ></a-button>
-            </a-col>
-          </a-row>
         </a-tab-pane>
       </a-tabs>
 
@@ -126,8 +101,7 @@ export default {
       state: {
         time: 60,
         loginBtn: false,
-        loginType: 0,
-        smsSendBtn: false
+        loginType: 0
       }
     }
   },