Fix instance instantiation for CCVPN

Change-Id: Ic4de910415203dacd4ddf642075c1cb45247fd03
Issue-ID: USECASEUI-220
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>

1 files changed, 16 insertions, 6 deletions

diff --git a/usecaseui-portal/src/styles.less b/usecaseui-portal/src/styles.less
index 23ab5b4c..4d3b7540 100644
--- a/usecaseui-portal/src/styles.less
+++ b/usecaseui-portal/src/styles.less
@@ -361,7 +361,7 @@ nz-modal {
 }
 
 //2019.01.25 add ccvpn-creation.component.html
-.model .creation nz-tabset {
+.model .creation nz-tabset ,.model .detaildata nz-tabset{
   box-shadow: 0px 10px 15px 2px rgba(222, 222, 222, 0.5);
   .ant-tabs-bar {
     .ant-tabs-nav-container {
@@ -387,7 +387,8 @@ nz-modal {
     ;
       .ant-tabs-nav .ant-tabs-tab-active {
         color: #fff;
-        background: linear-gradient(90deg, rgba(99, 194, 246, 1) 0%, rgba(62, 155, 255, 1) 100%);
+        background:#0DA9E2;
+        //background: linear-gradient(90deg, rgba(99, 194, 246, 1) 0%, rgba(62, 155, 255, 1) 100%);
       }
     }
   }
@@ -395,12 +396,15 @@ nz-modal {
     background: #fff;
     padding: 0;
     .ant-tabs-tabpane {
-      height: 486px;
+      height: 400px;
       background: #fff;
       border-radius: 0px 0px 4px 4px;
-      border: 1px solid rgba(63, 156, 255, 0.8);
+      border: 1px solid rgba(13, 169, 226, 0.8);
     }
   }
+  .ant-switch.ant-switch-checked{
+    background-color: #0DA9E2!important;
+  }
 }
 
 .model .creation .sotnvpn ul li nz-date-picker {
@@ -423,7 +427,7 @@ nz-modal {
   }
 }
 
-.model .creation .site nz-table, .model .creation .sitegroup nz-table {
+.model .creation .site nz-table, .model .creation .sitegroup nz-table,.model .detaildata .site nz-table, .model .detaildata .sitegroup nz-table {
   .ant-table-wrapper {
     margin: 20px 0;
     .ant-table-small {
@@ -459,7 +463,7 @@ nz-modal {
   }
 }
 //2019.01.29 add
-.sitemodel nz-table {
+.sitemodel nz-table,.siteDetail nz-table {
   .ant-table-wrapper{
     width: 96%!important;
     margin: 0 auto;
@@ -507,6 +511,12 @@ nz-modal {
 
 }
 
+.siteDetail nz-table {
+  .ant-table-wrapper{
+    margin-bottom: 20px!important;
+  }
+}
+
 .sitegroupmodal nz-table {
   .ant-table-wrapper {
     margin: 0 auto;