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

优化暗黑样式

Browse Source
This commit is contained in:
kuaifan 2022-03-31 23:05:56 +08:00
parent fb1b5969f5
commit 6bf1eb5bde
12 changed files with 42 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "DooTask",
"version": "0.12.65",
"version": "0.12.66",
"description": "DooTask is task management system.",
"scripts": {
"start": "./cmd dev",

2
public/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/js/app.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/js/build/974.js → public/js/build/201.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/js/build/214.js → public/js/build/478.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/js/build/814.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/js/build/826.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
public/js/hash
View File

@ -1 +1 @@
59ef1c199f078b0b
89e4d36b5138de04

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

@ -31,13 +31,13 @@
</div>
</div>
<div class="login-bottom">
<Dropdown trigger="click" placement="top-start">
<Dropdown trigger="click" placement="bottom-start">
<div class="login-setting">
{{$L('设置')}}
<i class="taskfont">&#xe689;</i>
</div>
<DropdownMenu slot="list" class="login-setting-menu">
<Dropdown placement="right-end" @on-click="setTheme">
<Dropdown placement="right-start" transfer @on-click="setTheme">
<DropdownItem>
<div class="login-setting-item">
{{$L('主题皮肤')}}
@ -52,7 +52,7 @@
:selected="themeMode === item.value">{{$L(item.name)}}</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown placement="right-end" @on-click="setLanguage">
<Dropdown placement="right-start" transfer @on-click="setLanguage">
<DropdownItem divided>
<div class="login-setting-item">
{{currentLanguage}}

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

@ -23,6 +23,7 @@
<!--最近打开的任务-->
<Dropdown
v-if="item.path === 'taskBrowse'"
transfer
placement="right-start">
<DropdownItem>
<div class="manage-menu-flex">
@ -46,6 +47,7 @@
<!-- 团队管理 -->
<Dropdown
v-else-if="item.path === 'team'"
transfer
placement="right-start">
<DropdownItem divided>
<div class="manage-menu-flex">
@ -69,6 +71,7 @@
<Dropdown
v-else-if="item.path === 'theme'"
placement="right-start"
transfer
@on-click="setTheme">
<DropdownItem divided>
<div class="manage-menu-flex">
@ -88,6 +91,7 @@
<Dropdown
v-else-if="item.path === 'language'"
placement="right-start"
transfer
@on-click="setLanguage">
<DropdownItem divided>
<div class="manage-menu-flex">

8
resources/assets/js/pages/manage/dashboard.vue
View File

@ -44,14 +44,14 @@
v-if="item.p_name"
class="priority-color"
:style="{backgroundColor:item.p_color}"></em>
<TaskMenu :ref="`taskMenu_${item.id}`" :task="item">
<TaskMenu :ref="`taskMenu_${column.type}_${item.id}`" :task="item">
<div slot="icon" class="drop-icon" @click.stop="">
<i class="taskfont" v-html="item.complete_at ? '&#xe627;' : '&#xe625;'"></i>
</div>
</TaskMenu>
<div class="item-title">
<!--工作流状态-->
<span v-if="item.flow_item_name" :class="item.flow_item_status" @click.stop="openMenu(item)">{{item.flow_item_name}}</span>
<span v-if="item.flow_item_name" :class="item.flow_item_status" @click.stop="openMenu(column.type, item)">{{item.flow_item_name}}</span>
<!--是否子任务-->
<span v-if="item.sub_top === true">{{$L('子任务')}}</span>
<!--有多少个子任务-->
@ -165,8 +165,8 @@ export default {
this.$store.dispatch("openTask", task)
},
openMenu(task) {
const el = this.$refs[`taskMenu_${task.id}`];
openMenu(type, task) {
const el = this.$refs[`taskMenu_${type}_${task.id}`];
if (el) {
el[0].handleClick()
}

24
resources/assets/sass/dark.scss vendored
View File

@ -38,6 +38,16 @@ body.dark-mode-reverse {
}
}
.common-avatar {
&.avatar-wrapper {
.avatar-box {
.avatar-char {
color: #000000;
}
}
}
}
.drawer-overlay {
background: rgba(230, 230, 230, 0.6);
.overlay-body {
@ -139,6 +149,20 @@ body.dark-mode-reverse {
}
.dialog-wrapper {
.dialog-nav {
.dialog-avatar {
.icon-avatar {
color: #1c1917;
}
}
.dialog-title {
.main-title {
> h2 {
color: #555;
}
}
}
}
.dialog-scroller {
.dialog-list {
> ul {