From: cyuamber <xuranyjy@chinamobile.com>
Date: Wed, 18 Sep 2019 02:09:18 +0000 (+0800)
Subject: style: adjust the adaptive effect of the home page
X-Git-Tag: 2.0.2~200
X-Git-Url: https://gerrit.onap.org/r/gitweb?a=commitdiff_plain;h=refs%2Fchanges%2F83%2F95883%2F1;p=usecase-ui.git

style: adjust the adaptive effect of the home page

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

diff --git a/usecaseui-portal/src/app/app.component.less b/usecaseui-portal/src/app/app.component.less
index ed7ad4f1..d86fb853 100644
--- a/usecaseui-portal/src/app/app.component.less
+++ b/usecaseui-portal/src/app/app.component.less
@@ -45,6 +45,7 @@ nz-layout {
         position: fixed;
         left: 0;
         z-index: 100;
+        min-height: 937px;
         height: 100vh; 
         background: #313449 url('assets/images/UUIMenuBar.png') no-repeat;
         background-size: 100%;
diff --git a/usecaseui-portal/src/app/views/home/home.component.less b/usecaseui-portal/src/app/views/home/home.component.less
index 193e0748..cb0d877e 100644
--- a/usecaseui-portal/src/app/views/home/home.component.less
+++ b/usecaseui-portal/src/app/views/home/home.component.less
@@ -16,9 +16,8 @@
 
 .content {
     padding: 20px;
-    min-height: 918px;
+    min-height: 937px;
     height: 100vh;
-    overflow: hidden;
     .left-content{
         height: 100%;
         float: left;
@@ -55,13 +54,9 @@
             }
         }
         .services{
-            min-height:466px;
-            height: 50vh;
+            min-height:467px;
+            height: 49vh;
             flex-wrap: wrap;
-            
-            // h4{
-            //     // margin-bottom: 20px;
-            // }
             h5 {
                 position: relative;
                 z-index: 3;
@@ -88,13 +83,9 @@
             }
         }
         .PACKAGE{
-            min-height:422px;
-            height: 45vh;
+            min-height:410px;
+            height: 43vh;
             margin-top: 20px;
-            // justify-content: space-around;
-            // h4{
-            //     margin-bottom: 50px;
-            // }
             .details {
                 .detailstoplinContent{
                     border-bottom:0.5px solid rgba(237,237,237,1);
@@ -137,8 +128,8 @@
         width: 70%;
         padding-left: 15px;
         .rt-content {
-            min-height: 350px;
-            height: 40vh;
+            min-height: 327px;
+            height: 34vh;
             margin-bottom: 18px;
             background:rgba(255,255,255,1);
             box-shadow:0px 10px 10px 2px rgba(222,222,222,0.5);
@@ -216,8 +207,8 @@
         }
         .rb-content {
             position: relative;
-            min-height: 538px;
-            height: 55vh;
+            min-height: 550px;
+            height: 58vh;
             background-color: #fff;
             padding: 24px 30px;
             box-shadow:0px 10px 15px 2px rgba(222,222,222,0.5);