github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-11 02:12:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2022-04-01 06:17:42 +08:00
parent a0b8529606
commit a10d5ee43b
3 changed files with 92 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/logo-app.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 98 KiB

6
resources/assets/js/pages/manage.vue
View File

@ -2,7 +2,7 @@
<div v-show="userId > 0" class="page-manage">
<div class="manage-box-menu" :class="{'show768-menu': show768Menu}">
<Dropdown
class="manage-box-dropdown"
class="page-manage-menu-dropdown"
trigger="click"
@on-click="settingRoute"
@on-visible-change="menuVisibleChange">
@ -24,6 +24,7 @@
<Dropdown
v-if="item.path === 'taskBrowse'"
transfer
transfer-class-name="page-manage-menu-dropdown"
placement="right-start">
<DropdownItem>
<div class="manage-menu-flex">
@ -48,6 +49,7 @@
<Dropdown
v-else-if="item.path === 'team'"
transfer
transfer-class-name="page-manage-menu-dropdown"
placement="right-start">
<DropdownItem divided>
<div class="manage-menu-flex">
@ -72,6 +74,7 @@
v-else-if="item.path === 'theme'"
placement="right-start"
transfer
transfer-class-name="page-manage-menu-dropdown"
@on-click="setTheme">
<DropdownItem divided>
<div class="manage-menu-flex">
@ -92,6 +95,7 @@
v-else-if="item.path === 'language'"
placement="right-start"
transfer
transfer-class-name="page-manage-menu-dropdown"
@on-click="setLanguage">
<DropdownItem divided>
<div class="manage-menu-flex">

172
resources/assets/sass/pages/page-manage.scss vendored
View File

@ -16,91 +16,6 @@
flex-direction: column;
align-items: center;
transition: all 0.2s;
.manage-box-dropdown {
flex-shrink: 0;
width: 86%;
.ivu-select-dropdown {
padding: 7px 0;
.ivu-dropdown-item {
padding: 9px 16px;
}
.ivu-dropdown-item-divided {
margin-top: 7px;
&:before {
top: -9px;
}
}
}
.manage-box-title {
display: flex;
align-items: center;
flex-shrink: 0;
padding: 6px 10px;
margin-top: 27px;
border-radius: 8px;
background-color: #ffffff;
cursor: pointer;
transition: box-shadow 0.3s;
&.menu-visible {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.manage-box-avatar {
width: 36px;
height: 36px;
}
> span {
flex: 1;
padding-left: 12px;
font-size: 16px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.manage-box-arrow {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 16px;
padding-right: 2px;
> i {
font-size: 12px;
margin: -1px;
}
}
.manage-box-top-report {
overflow: unset;
margin-right: -6px;
align-items: center;
flex-direction: column;
justify-content: center;
flex: 0 0 auto;
> i {
font-size: 12px;
margin: -1px;
}
}
}
.manage-menu-report-badge {
margin-left: 6px;
transform: scale(0.9);
vertical-align: top;
}
.manage-menu-flex {
display: flex;
align-items: center;
justify-content: space-between;
.ivu-icon {
color: #666666;
}
}
.task-title {
overflow: hidden;
text-overflow: ellipsis;
}
}
> ul {
flex: 1;
width: 100%;
@ -346,6 +261,93 @@
}
}
.page-manage-menu-dropdown {
flex-shrink: 0;
width: 86%;
.ivu-select-dropdown {
padding: 7px 0;
.ivu-dropdown-item {
padding: 9px 16px;
}
.ivu-dropdown-item-divided {
margin-top: 7px;
&:before {
top: -9px;
}
}
}
.manage-box-title {
display: flex;
align-items: center;
flex-shrink: 0;
padding: 6px 10px;
margin-top: 27px;
border-radius: 8px;
background-color: #ffffff;
cursor: pointer;
transition: box-shadow 0.3s;
&.menu-visible {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.manage-box-avatar {
width: 36px;
height: 36px;
}
> span {
flex: 1;
padding-left: 12px;
font-size: 16px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.manage-box-arrow {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 16px;
padding-right: 2px;
> i {
font-size: 12px;
margin: -1px;
}
}
.manage-box-top-report {
overflow: unset;
margin-right: -6px;
align-items: center;
flex-direction: column;
justify-content: center;
flex: 0 0 auto;
> i {
font-size: 12px;
margin: -1px;
}
}
}
.manage-menu-report-badge {
margin-left: 6px;
transform: scale(0.9);
vertical-align: top;
}
.manage-menu-flex {
display: flex;
align-items: center;
justify-content: space-between;
.ivu-icon {
color: #666666;
}
}
.task-title {
max-width: 600px;
overflow: hidden;
text-overflow: ellipsis;
}
}
.page-manage-task-modal {
display: flex;
flex-direction: column;