diff options
| author |   cyuamber <xuranyjy@chinamobile.com> | 2019-09-18 10:09:18 +0800 |
|---|---|---|
| committer | cyuamber <xuranyjy@chinamobile.com> | 2019-09-18 10:09:29 +0800 |
| commit | 4d0b04211bc3ae1af5bbd3222e9801b7784d10c3 (patch) | |
| tree | a2218e78194c119abf0a60d7be796e6aa3acfc6c | |
| parent | fb1a9fc883293af813305166b58a548eef265275 (diff) | |
style: adjust the adaptive effect of the home page
Change-Id: I561101bf0ae5445b0326ff6ab6793022170f6349
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
| -rw-r--r-- | usecaseui-portal/src/app/app.component.less | 1 | ||||
| -rw-r--r-- | usecaseui-portal/src/app/views/home/home.component.less | 27 |
2 files changed, 10 insertions, 18 deletions
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); |