style:optimize model style of ccvpn page

Change-Id: I851d2763467dc51ee8f807492a6c1812cf4a9412
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css b/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css
index d5ad960..2de3c1c 100644 (file)
--- a/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css
+++ b/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css
@@ -156,34 +156,28 @@ 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%;
 }
 
 /* addsite model */
 .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%;
@@ -223,14 +217,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 div{
-    width: 186px;
-    float: left;
-    margin-left: 20px;
+    width: 42%;
+    float: right;
+    margin-right: 2%;
 }
 .model .sitemodel .action,.model .sotnnpnmodel .action {
     text-align: center;