120 lines
1.7 KiB
Plaintext
120 lines
1.7 KiB
Plaintext
.defaults-page {
|
|
padding-top: 38rpx;
|
|
}
|
|
|
|
.top-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 18rpx;
|
|
}
|
|
|
|
.top-row > view {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.top-row .page-heading {
|
|
max-width: none;
|
|
flex-wrap: nowrap;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.top-row .page-title {
|
|
flex: none;
|
|
font-size: 44rpx;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.reload-button {
|
|
flex: none;
|
|
width: 148rpx;
|
|
min-width: 148rpx;
|
|
max-width: 148rpx;
|
|
min-height: 70rpx;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.defaults-card {
|
|
margin-top: 34rpx;
|
|
padding: 24rpx;
|
|
}
|
|
|
|
.defaults-grid {
|
|
display: flex;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.defaults-grid .select-field {
|
|
width: calc((100% - 16rpx) / 2);
|
|
}
|
|
|
|
.select-field,
|
|
.duration-field {
|
|
padding: 24rpx;
|
|
border: 2rpx solid #d8e5f2;
|
|
border-radius: 14rpx;
|
|
background: #fbfdff;
|
|
}
|
|
|
|
.select-field {
|
|
min-height: 158rpx;
|
|
}
|
|
|
|
.duration-field {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.duration-input-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.duration-input {
|
|
width: 150rpx;
|
|
height: 64rpx;
|
|
padding: 0 16rpx;
|
|
border: 2rpx solid #bed4e8;
|
|
border-radius: 12rpx;
|
|
background: #ffffff;
|
|
color: #17233a;
|
|
font-size: 38rpx;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
}
|
|
|
|
.duration-unit {
|
|
color: #65758a;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.duration-slider {
|
|
margin: 12rpx -12rpx 0;
|
|
}
|
|
|
|
.duration-bounds {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #8a97a6;
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.time-help {
|
|
margin-top: 18rpx;
|
|
padding: 20rpx;
|
|
border: 2rpx dashed #c6ddea;
|
|
border-radius: 12rpx;
|
|
color: #65758a;
|
|
font-size: 25rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.save-defaults {
|
|
width: 420rpx;
|
|
margin: 26rpx auto 4rpx;
|
|
}
|