diff options
Diffstat (limited to 'usecaseui-portal/src/styles.less')
| -rw-r--r-- | usecaseui-portal/src/styles.less | 241 |
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; + } + } + } + } + } +} |