summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/styles.less
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-portal/src/styles.less')
-rw-r--r--usecaseui-portal/src/styles.less241
1 files changed, 238 insertions, 3 deletions
diff --git a/usecaseui-portal/src/styles.less b/usecaseui-portal/src/styles.less
index 93e5251c..9574b8e0 100644
--- a/usecaseui-portal/src/styles.less
+++ b/usecaseui-portal/src/styles.less
@@ -46,6 +46,9 @@ nz-table {
width: 40px;
height: 40px;
line-height: 40px;
+ background: rgba(255, 255, 255, 1);
+ border-radius: 2px;
+ margin: 0 5px;
.ant-pagination-item-link, .ant-pagination-item-link:after {
width: 40px;
height: 40px;
@@ -54,6 +57,7 @@ nz-table {
}
.ant-pagination-item.ant-pagination-item-active {
background: linear-gradient(270deg, rgba(63, 156, 255, 1) 0%, rgba(98, 193, 246, 1) 100%);
+ border: none;
border-radius: 2px;
a {
color: #fff;
@@ -128,6 +132,9 @@ nz-pagination {
width: 40px;
height: 40px;
line-height: 40px;
+ background: rgba(255, 255, 255, 1);
+ border-radius: 2px;
+ margin: 0 5px;
.ant-pagination-item-link, .ant-pagination-item-link:after {
width: 40px;
height: 40px;
@@ -137,6 +144,7 @@ nz-pagination {
.ant-pagination-item.ant-pagination-item-active {
background: linear-gradient(270deg, rgba(63, 156, 255, 1) 0%, rgba(98, 193, 246, 1) 100%);
border-radius: 2px;
+ border: none;
a {
color: #fff;
}
@@ -248,6 +256,7 @@ nz-layout {
//2019.01.21 add services-list.component.html
+//creat框
nz-modal {
.ant-modal {
height: 628px;
@@ -255,7 +264,22 @@ nz-modal {
}
.ant-modal-content{
height: 628px;
- background:transparent;
+ background: transparent;
+ .ant-modal-close-x {
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ margin-top: 12px;
+ margin-right: 12px;
+ }
+ .ant-modal-close-x::before {
+ color: #fff;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ border-radius: 50%;
+ border: 1px solid #fff;
+ }
}
.ant-modal-header,ant-modal-title,.ant-modal-footer{
background:transparent;
@@ -299,7 +323,7 @@ nz-modal {
button:nth-child(1){
background:#EEEEEE;
border-radius:2px;
- margin-left: 50px;
+ //margin-left: 50px;
margin-right: 10px;
span{
color: #9DA7C5;
@@ -317,5 +341,216 @@ nz-modal {
font-size: 14px !important;
}
}
+ button:nth-child(2):hover {
+ background: linear-gradient(90deg, rgb(103, 207, 246) 0%, rgb(69, 175, 255) 100%) !important;
+ }
+ }
+}
+
+//2019.01.25 add ccvpn-creation.component.html
+.model .creation nz-tabset {
+ box-shadow: 0px 10px 15px 2px rgba(222, 222, 222, 0.5);
+ .ant-tabs-bar {
+ .ant-tabs-nav-container {
+ height: 59px !important;
+ .ant-tabs-nav {
+ padding: 0 !important;
+ }
+ .ant-tabs-ink-bar {
+ display: none !important;
+ }
+ ;
+ .ant-tabs-tab {
+ width: 175px;
+ height: 59px !important;
+ line-height: 38px;
+ text-align: center;
+ border-radius: 4px 4px 0px 0px;
+ border: 1px solid rgba(238, 238, 238, 0.8);
+ border-bottom: 0;
+ color: #06A7E2;
+ font-size: 18px;
+ }
+ ;
+ .ant-tabs-nav .ant-tabs-tab-active {
+ color: #fff;
+ background: linear-gradient(90deg, rgba(99, 194, 246, 1) 0%, rgba(62, 155, 255, 1) 100%);
+ }
+ }
+ }
+ .ant-tabs-content {
+ background: #fff;
+ padding: 0;
+ .ant-tabs-tabpane {
+ height: 486px;
+ background: #fff;
+ border-radius: 0px 0px 4px 4px;
+ border: 1px solid rgba(63, 156, 255, 0.8);
+ }
+ }
+}
+
+.model .creation .sotnvpn ul li nz-date-picker {
+ nz-picker {
+ .ant-calendar-picker {
+ .ant-calendar-picker-input.ant-input {
+ //width: 180px!important;
+ height: 40px !important;
+ }
+ }
+ }
+}
+
+.model .creation .sotnvpn ul li nz-select {
+ .ant-select-selection.ant-select-selection--single {
+ height: 40px;
+ .ant-select-selection__rendered {
+ line-height: 35px;
+ }
+ }
+}
+
+.model .creation .site nz-table, .model .creation .sitegroup nz-table {
+ .ant-table-wrapper {
+ margin: 20px 0;
+ .ant-table-small {
+ border: none;
+ .ant-table-tbody tr td {
+ padding: 10px 8px;
+ border-bottom: 5px solid #F7F8FC;
+ color: #3C4F8C;
+ }
+ .ant-table-tbody tr:hover > td {
+ background: #F7F7FA !important;
+ }
+ }
+ }
+ .ant-table-empty{
+ .ant-spin-container{
+ .ant-table-small{
+ .ant-table-content{
+ .ant-table-thead tr th{
+ padding-bottom: 20px;
+ }
+ .ant-table-placeholder{
+ background:url("./assets/images/noDatalist.png") no-repeat 50% 0;
+ span{
+ display: inline-block;
+ padding-top: 60px;
+ }
+ }
+ }
+ }
+ }
}
-} \ No newline at end of file
+}
+//2019.01.29 add
+.sitemodel nz-table {
+ .ant-table-wrapper {
+
+ }
+ .ant-table-small {
+ border: none;
+ //border-top: 1px solid #e8e8e8;
+ border-radius: 4px;
+ .ant-table-body{
+ table{
+ padding: 0 1px;
+ .ant-table-thead{
+ tr{
+ height: 45px;
+ color:rgba(60,79,140,0.5);
+ th{
+ border: none;
+ color:rgba(60,79,140,0.5);
+ font-size: 16px;
+ font-weight: 500;
+ }
+ }
+ }
+ .ant-table-tbody > tr > td{
+ border-top: 1px solid #e8e8e8;
+ border-bottom: 2px solid #F7F8FC;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ }
+ }
+ .ant-table-placeholder{
+ font-size: 16px;
+ background:url("./assets/images/noDatalist.png") no-repeat 50% 0;
+ span {
+ display: inline-block;
+ padding-top: 50px;
+ }
+ }
+ }
+
+}
+
+.sitegroupmodal nz-table {
+ .ant-table-wrapper {
+ margin: 0 auto;
+ margin-top: 30px;
+ width: 340px;
+ }
+ .ant-table-small {
+ border: none;
+ border-top: 1px solid #e8e8e8;
+ border-radius: 4px;
+ .ant-table-body{
+ table{
+ padding: 0 1px;
+ .ant-table-thead{
+ tr{
+ font-size: 16px;
+ height: 45px;
+ color: #3C4F8C;
+ }
+ }
+ }
+ }
+ .ant-table-placeholder{
+ font-size: 16px;
+ background:url("./assets/images/noDatalist.png") no-repeat 50% 0;
+ span {
+ display: inline-block;
+ padding-top: 50px;
+ }
+ }
+ }
+
+}
+//2019.02.01 gong add
+.list#services-list nz-table{
+ .ant-table-wrapper{
+ .ant-spin-container{
+ .ant-table-content{
+ .ant-table-scroll{
+ .ant-table-header{
+ overflow:auto!important;
+ margin-bottom: 0!important;
+ }
+ }
+ }
+ }
+ }
+ .ant-table-empty{
+ .ant-spin-container{
+ .ant-table-content{
+ .ant-table-thead tr th{
+ padding-bottom: 20px;
+ border-bottom: 1px solid #e8e8e8;
+ }
+ .ant-table-placeholder{
+ background:url("assets/images/noDatalist.png") no-repeat 50% 0;
+ border: none;
+ span{
+ display: inline-block;
+ padding-top: 50px;
+ }
+ }
+ }
+ }
+ }
+}