summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-09-18 10:09:18 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-09-18 10:09:29 +0800
commit4d0b04211bc3ae1af5bbd3222e9801b7784d10c3 (patch)
treea2218e78194c119abf0a60d7be796e6aa3acfc6c /usecaseui-portal/src
parentfb1a9fc883293af813305166b58a548eef265275 (diff)
style: adjust the adaptive effect of the home page
Change-Id: I561101bf0ae5445b0326ff6ab6793022170f6349 Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src')
-rw-r--r--usecaseui-portal/src/app/app.component.less1
-rw-r--r--usecaseui-portal/src/app/views/home/home.component.less27
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);