This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
nezha-nezha-fronted/nezha-fronted/src/assets/css/components/page/config/backups.scss
2022-05-31 18:17:48 +08:00

209 lines
4.9 KiB
SCSS

.system.backup {
padding-top: 40px;
.system-config-backup {
width: 100% !important;
}
.system-config-form {
padding-bottom: 10px;
.system-title {
font-family: Roboto-Medium;
font-size: 14px;
color: $--license-left-title-color;
letter-spacing: 0;
font-weight: 700;
margin-top: 20px;
margin-left: 10px;
margin-bottom: -2px;
}
#modelTable {
.main-list {
.main-container {
border: none;
padding: inherit;
.el-table__header-wrapper {
.table-operation-items {
.items-button {
background: $--color-warning;
border-radius: 2px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: $--license-left-title-color;
font-weight: 400;
}
}
}
}
}
}
}
.backup_box {
.el-form.el-form--label-top {
padding-left: 0px;
}
.el-input__prefix,.el-input__icon.el-icon-date{
display: inline-block;
display: flex;
justify-content: center;
align-items: center;
}
.el-input__icon.el-icon-date::before {
font-size: 14px;
}
.el-tabs__nav.is-top,
.my-datetime-picker,
.el-form-item__content {
width: 640px;
height: 32px;
}
.my-datetime-picker,
.el-input.el-input--small,
.el-tabs__nav.is-top {
display: flex;
justify-content: center;
align-items: center;
}
.my-datetime-picker .el-input__inner {
height: 32px;
}
.el-tabs__item.is-top {
width: 160px;
height: 31px;
line-height: 32px;
border-bottom: 1px solid $--scrollbar-background-color;
}
.el-form-item.is-required {
margin-bottom: 20px;
.el-input.el-input--small{
width: 640px;
height: 32px;
}
}
.start_at {
margin-bottom: 20px;
}
.el-form-item:last-of-type {
.el-form-item__content {
margin-left: 0 !important;
text-align: unset !important;
}
.nz-btn {
margin: 0 10px;
}
}
.el-switch__core {
display: inline-block;
margin-left: 9px;
}
.el-checkbox-group,.el-checkbox-button{
height: 36px;
}
.el-checkbox-button__inner{
display: inline-block;
height: 36px;
}
.el-input-group__append{
width: 66px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: $--color-text-regular;
}
#week-on {
margin-bottom: 26px !important;
position: relative;
.el-form-item__content{
.el-form-item__error{
position: absolute;
top: 40px;
left: 0px;
}
.el-checkbox-group{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
.el-checkbox-button{
display: flex;
justify-content: center;
align-items: center;
width: 90px;
height: 34px;
border: 1px solid $--border-color-light;
margin-right: -1px;
.el-checkbox-button__inner{
border: 0px;
display: block;
width: 100%;
height: 100%;
}
}
}
}
}
#DayOfMonth{
height: 202px;
margin-bottom: 25px;
position: relative;
.el-form-item__content{
width: 638px;
.el-form-item__error{
position: absolute;
top: 181px;
left: 0px;
}
.el-checkbox-group{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
.el-checkbox-button{
display: flex;
justify-content: center;
align-items: center;
width: 90px;
height: 35px;
border: 1px solid $--border-color-light;
margin-right: -1px;
margin-bottom: -1px;
.el-checkbox-button__inner{
border: 0px;
display: block;
width: 100%;
height: 100%;
}
}
}
}
}
}
.el-table_1_column_1 .cell{
padding-left: 20px !important;
}
.el-table_2_column_5 .cell{
padding-left: 20px !important;
}
.el-table--border th:first-child .cell {
padding-left: 20px !important;
}
.el-checkbox-button__inner{
background-color:$--background-color-empty;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
color: #fff;
background-color: #FA901C;
border-color: #FA901C;
border: 1px solid #FA901C;
margin-right: -1px;
-webkit-box-shadow: -1px 0 0 0 #fcbc77;
box-shadow: -1px 0 0 0 #fcbc77;
}
.nz-icon-delete:before{
color: $--color-text-regular;
}
}