优化样式

This commit is contained in:
kuaifan 2022-02-25 00:10:07 +08:00
parent b4358ffc66
commit 14006068c8
12 changed files with 25 additions and 16 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "DooTask", "name": "DooTask",
"version": "0.9.61", "version": "0.9.66",
"description": "DooTask is task management system.", "description": "DooTask is task management system.",
"main": "electron.js", "main": "electron.js",
"license": "MIT", "license": "MIT",

View File

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

2
public/css/app.css vendored

File diff suppressed because one or more lines are too long

2
public/js/app.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
public/js/build/33.js vendored Normal file

File diff suppressed because one or more lines are too long

1
public/js/build/540.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -78,6 +78,11 @@ body.dark-mode-reverse {
.project-list { .project-list {
.project-head { .project-head {
.project-titbox { .project-titbox {
.project-title {
.top-text {
color: #000000;
}
}
.project-icons { .project-icons {
> li { > li {
&.project-icon { &.project-icon {

View File

@ -29,7 +29,7 @@
height: 22px; height: 22px;
} }
} }
.top-text{ .top-text {
width: 40px; width: 40px;
height: 24px; height: 24px;
border-radius:4px; border-radius:4px;
@ -37,7 +37,7 @@
background-color: #8BCF70; background-color: #8BCF70;
color:#FFFFFF; color:#FFFFFF;
text-align: center; text-align: center;
margin-top: 4px; margin-top: 3px;
padding-top: 2px padding-top: 2px
} }
} }

View File

@ -107,13 +107,13 @@
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
align-items: center; align-items: center;
height: 30px; height: 36px;
color: #6b6e72; color: #6b6e72;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
width: 80%; width: 80%;
max-width: 100%; max-width: 100%;
margin: 8px auto; margin: 5px auto;
padding: 0 4%; padding: 0 4%;
border-radius: 4px; border-radius: 4px;
> i { > i {
@ -142,8 +142,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 10px 0 0; padding: 12px 0 0;
cursor: default; cursor: default;
width: 100%;
> ul { > ul {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
@ -152,7 +153,8 @@
flex-direction: column; flex-direction: column;
list-style: none; list-style: none;
cursor: pointer; cursor: pointer;
margin: 3px auto; width: 80%;
margin: 2px auto;
border: 2px solid transparent; border: 2px solid transparent;
.project-h1 { .project-h1 {
position: relative; position: relative;
@ -220,6 +222,11 @@
} }
} }
} }
&.top {
.project-h1 {
background-color: #EEEFF1;
}
}
&.active { &.active {
.project-h1 { .project-h1 {
background-color: #ffffff; background-color: #ffffff;
@ -237,9 +244,6 @@
display: block; display: block;
} }
} }
&.top {
background-color: #EEEFF1;
}
&.operate { &.operate {
border-color: $primary-color; border-color: $primary-color;
} }