From 1cf0677e3ca99b67cfcdd11ecc9614437cda1d83 Mon Sep 17 00:00:00 2001
From: cyuamber <xuranyjy@chinamobile.com>
Date: Mon, 23 Sep 2019 17:47:14 +0800
Subject: style:optimize sytle of ccvpn detail page

Change-Id: Ib303a259313410e7eb41dc84850bef5ff2a487af
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
---
 .../ccvpn-creation/ccvpn-creation.component.css    | 26 +++++++++-------------
 1 file changed, 10 insertions(+), 16 deletions(-)

(limited to 'usecaseui-portal/src/app')

diff --git a/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css b/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css
index efeec683..7d8e8e23 100644
--- a/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css
+++ b/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css
@@ -129,20 +129,14 @@ hr {
 .model .sitemodel,.model .sotnnpnmodel{
     position: absolute;
     z-index: 1001;
-    left: 50px;
-    top: 60px;
+    left: 50%;
+    top: 50%;
     background-color: #fff;
-    width:1500px;   
-    height: 81%;
+    width:90%;
+    min-width: 725px;
     border-radius:2px;
     overflow:auto;
-}
-.model .sotnnpnmodel{
-    width: 1000px;
-    height: 53%;
-    top:200px;
-    left: 50%;
-    margin-left: -500px;
+    transform: translate(-50%, -50%);
 }
 .model .sitemodel h3,.model .sotnnpnmodel h3{
     width: 96%;
@@ -182,14 +176,14 @@ hr {
     float: left;
 }
 .model .sitemodel .inputs input,.model .sitemodel .inputs nz-select {
-    width: 186px;
+    width: 42%;
     float: right;
-    margin-right: 60px;
+    margin-right: 2%;
 }
 .model .sotnnpnmodel .inputs input{
-    width: 186px;
-    float: left;
-    margin-left: 20px;
+    width: 42%;
+    float: right;
+    margin-right: 2%;
 }
 .model .sitemodel .action,.model .sotnnpnmodel .action {
     text-align: center;
-- 
cgit 1.2.3-korg