github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-13 03:52:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化设置样式

Browse Source
This commit is contained in:
kuaifan 2024-05-09 16:08:44 +09:00
parent 77843ccdee
commit 0fce0c2386
5 changed files with 66 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/pages/manage/setting/components/SystemCheckin.vue
View File

@ -72,7 +72,7 @@
</div> </div>
<template v-if="formData.open === 'open' && formData.modes.includes('auto')"> <template v-if="formData.open === 'open' && formData.modes.includes('auto')">
<div class="block-setting-placeholder"></div> <div class="block-setting-space"></div>
<div class="block-setting-box"> <div class="block-setting-box">
<h3>{{ $L('自动签到') }}</h3> <h3>{{ $L('自动签到') }}</h3>
<div class="form-box"> <div class="form-box">

4
resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
View File

@ -22,7 +22,7 @@
</div> </div>
</div> </div>
<div class="block-setting-placeholder"></div> <div class="block-setting-space"></div>
<div class="block-setting-box"> <div class="block-setting-box">
<h3>{{ $L('邮件通知设置') }}</h3> <h3>{{ $L('邮件通知设置') }}</h3>
@ -62,7 +62,7 @@
</div> </div>
</div> </div>
<div class="block-setting-placeholder"></div> <div class="block-setting-space"></div>
<div class="block-setting-box"> <div class="block-setting-box">
<h3>{{ $L('忽略邮箱地址') }}</h3> <h3>{{ $L('忽略邮箱地址') }}</h3>

60
resources/assets/sass/pages/common.scss vendored
View File

@ -774,3 +774,63 @@ body.window-portrait {
} }
} }
/*设置box*/
.block-setting-box {
position: relative;
padding: 0 24px 4px;
margin: 8px 0 16px;
&:before {
content: "";
position: absolute;
top: 17px;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #eeeeee;
border-radius: 8px;
transition: box-shadow 0.3s;
pointer-events: none;
}
&:hover {
&:before {
box-shadow: 0 0 10px #e6ecfa;
}
}
h3 {
position: sticky;
top: 0;
left: 24px;
z-index: 2;
line-height: 32px;
box-sizing: content-box;
padding: 0 10px;
border-radius: 4px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #eeeeee;
font-size: 15px;
font-weight: 500;
}
.form-box {
margin-top: 24px;
overflow: auto;
}
.ivu-form-item {
.ivu-form {
padding: 12px 0 0 0;
.ivu-form-item {
margin-bottom: 8px;
.ivu-form-item-content {
display: flex;
align-items: center;
}
}
}
}
}
.block-setting-space {
height: 8px;
}

64
resources/assets/sass/pages/page-apply.scss vendored
View File

@ -74,7 +74,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 1;
} }
.apply-box-top-report { .apply-box-top-report {
@ -243,9 +243,8 @@
flex: 1; flex: 1;
padding: 8px 30px; padding: 8px 30px;
// .setting-item,
.setting-component-item, .setting-component-item {
.setting-item {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -261,7 +260,6 @@
flex: 1; flex: 1;
.ivu-form-item { .ivu-form-item {
padding: 12px 0 0 0;
.ivu-form-item .ivu-form-item-content { .ivu-form-item .ivu-form-item-content {
display: flex; display: flex;
@ -270,56 +268,6 @@
} }
} }
}
}
.block-setting-box {
position: relative;
padding: 24px 24px 4px;
margin: 24px 0 12px;
border-radius: 8px;
border: 1px solid #eeeeee;
transition: box-shadow 0.3s;
@media (max-width: 420px) {
.block-setting-advance{
>.ivu-form-item{
display: flex;
flex-direction: column;
.ivu-form-item-label{
text-align: left;
}
}
}
}
@media (max-width: 460px) {
.block-setting-msg-unread{
>.ivu-form-item{
display: flex;
flex-direction: column;
.ivu-form-item-label{
text-align: left;
}
}
}
}
h3 {
position: absolute;
top: 0;
left: 24px;
padding: 4px 10px;
border-radius: 4px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #eeeeee;
font-size: 15px;
font-weight: 500;
transform: translateY(-50%)
} }
} }
@ -455,13 +403,7 @@
.aibot-warp { .aibot-warp {
position: relative; position: relative;
height: 100%; height: 100%;
.ivu-form {
overflow: hidden;
padding: 0;
margin: 0 30px;
}
} }
} }
} }

45
resources/assets/sass/pages/page-setting.scss vendored
View File

@ -267,51 +267,6 @@
.setting-footer { .setting-footer {
margin: 0 -32px; margin: 0 -32px;
} }
.block-setting-box {
position: relative;
padding: 44px 24px 4px;
margin: 24px 0 12px;
border-radius: 8px;
border: 1px solid #eeeeee;
transition: box-shadow 0.3s;
&:hover {
box-shadow: 0 0 10px #e6ecfa;
}
h3 {
position: absolute;
top: 0;
left: 24px;
padding: 4px 10px;
border-radius: 4px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #eeeeee;
font-size: 15px;
font-weight: 500;
transform: translateY(-50%);
}
.form-box {
overflow: auto;
}
.ivu-form-item {
.ivu-form {
padding: 12px 0 0 0;
.ivu-form-item {
margin-bottom: 8px;
.ivu-form-item-content {
display: flex;
align-items: center;
}
}
}
}
}
.block-setting-placeholder {
height: 8px;
}
.export-data { .export-data {
margin-top: 6px; margin-top: 6px;
> p { > p {