feat: Home page style optimization

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

1 files changed, 43 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/app.component.less b/usecaseui-portal/src/app/app.component.less
index 685a2167..42889ef2 100644
--- a/usecaseui-portal/src/app/app.component.less
+++ b/usecaseui-portal/src/app/app.component.less
@@ -1,7 +1,46 @@
+@media screen and (min-width: 1200px){
+    .siderContent{
+        height:240px;
+        img{
+            margin-top: 40px;
+        }
+    }
+    .main{
+        margin-left: 330px
+    }
+}
+@media screen and (max-width: 1200px){
+    .siderContent{
+        height:180px;
+        img{
+            transform: scale(0.8);
+            margin-top: 26px;
+        } 
+    }
+    .main{
+        margin-left: 260px
+    }  
+}
+
 nz-layout {
     nz-sider {
+        position: fixed;
+        left: 0;
+        z-index: 100;
+        // overflow: auto; 
+        height: 100vh; 
+        background: #313449 url('../assets/images/UUIMenuBar.png') no-repeat;
+        background-size: 100%;
+        .siderContent{
+            width: 100%;
+            text-align: center;
+            img{
+                transition: .5s;
+            }
+        }
         ul {
             background: transparent;
+            width: 100%;
             li {
                 margin: 0;
                 font-size: 16px;
@@ -55,4 +94,8 @@ nz-layout {
             }
         }
     }
+    .main{
+        height:100vh;
+        position:relative; 
+    }
 }
\ No newline at end of file