mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-13 03:52:50 +00:00
perf: 优化时间组件
This commit is contained in:
parent
f586938fe9
commit
51a3ad25d1
62
resources/assets/sass/pages/page-setting.scss
vendored
62
resources/assets/sass/pages/page-setting.scss
vendored
@ -1,7 +1,28 @@
|
|||||||
.page-setting {
|
.page-setting {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.setting-head {
|
}
|
||||||
|
|
||||||
|
.page-setting-delete-box {
|
||||||
|
.big-text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #f00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-text {
|
||||||
|
margin-top: 15px;
|
||||||
|
|
||||||
|
> div {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.button-box {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.setting-head {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 32px 32px 16px;
|
margin: 32px 32px 16px;
|
||||||
@ -27,14 +48,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.setting-box {
|
|
||||||
|
.setting-box {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 0;
|
height: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
.mobile-nav-box {
|
.mobile-nav-box {
|
||||||
display: none;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.setting-menu {
|
.setting-menu {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
@ -117,8 +139,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.setting-item {
|
|
||||||
|
.setting-item {
|
||||||
.ivu-input,
|
.ivu-input,
|
||||||
.ivu-select-default {
|
.ivu-select-default {
|
||||||
max-width: 460px;
|
max-width: 460px;
|
||||||
@ -309,38 +332,21 @@
|
|||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-setting-delete-box {
|
|
||||||
.big-text {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
.small-text {
|
|
||||||
margin-top: 15px;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-box {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body.window-portrait {
|
body.window-portrait {
|
||||||
.page-setting {
|
.page-setting {
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
.setting-head {
|
.setting-head {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting-box {
|
.setting-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
.mobile-nav-box {
|
.mobile-nav-box {
|
||||||
display: flex;
|
display: flex !important;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
@ -400,6 +406,7 @@ body.window-portrait {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting-item {
|
.setting-item {
|
||||||
.setting-footer {
|
.setting-footer {
|
||||||
> button {
|
> button {
|
||||||
@ -432,5 +439,4 @@ body.window-portrait {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user