summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-09-23 17:51:17 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-09-23 17:51:20 +0800
commitf85d806d492f0e629f1ff07bd120947022790317 (patch)
tree1dd9b32e9c28c322fa33fbca4755d6a3cdf9cedb /usecaseui-portal/src
parent1cf0677e3ca99b67cfcdd11ecc9614437cda1d83 (diff)
style:optimize model style of ccvpn page
Change-Id: I851d2763467dc51ee8f807492a6c1812cf4a9412 Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src')
-rw-r--r--usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css36
1 files changed, 15 insertions, 21 deletions
diff --git a/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css b/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css
index d5ad960d..2de3c1cc 100644
--- a/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css
+++ b/usecaseui-portal/src/app/views/ccvpn-detail/ccvpn-detail.component.css
@@ -156,34 +156,28 @@ hr {
float: left;
}
.model .sitemodel .inputs input,.model .sitemodel .inputs nz-select{
- width: 186px;
+ width: 42%;
float: right;
- margin-right: 60px;
+ margin-right: 2%;
}
.model .sotnnpnmodel .inputs input{
- width: 186px;
- float: left;
- margin-left: 20px;
+ width: 42%;
+ float: right;
+ margin-right: 2%;
}
/* addsite model */
.model .sitemodel,.model .sotnnpnmodel{
position: absolute;
z-index: 1001;
- left: 50px;
- top: 60px;
+ left: 50%;
+ top: 50%;
background-color: #fff;
- width:1500px;
- height: 81%;
+ width:90%;
+ min-width: 725px;
border-radius:2px;
overflow:auto;
-}
-.model .sotnnpnmodel{
- width: 1000px;
- height: 53%;
- top:200px;
- left: 50%;
- margin-left: -500px;
+ transform: translate(-50%, -50%);
}
.model .sitemodel h3,.model .sotnnpnmodel h3{
width: 96%;
@@ -223,14 +217,14 @@ hr {
float: left;
}
.model .sitemodel .inputs input,.model .sitemodel .inputs nz-select{
- width: 186px;
+ width: 42%;
float: right;
- margin-right: 60px;
+ margin-right: 2%;
}
.model .sotnnpnmodel .inputs div{
- width: 186px;
- float: left;
- margin-left: 20px;
+ width: 42%;
+ float: right;
+ margin-right: 2%;
}
.model .sitemodel .action,.model .sotnnpnmodel .action {
text-align: center;