github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-01-08 14:08:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化 css 语法

Browse Source
This commit is contained in:
kuaifan 2025-08-08 07:58:49 +08:00
parent dc1bb72070
commit bfb4144e57
19 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/components/PreviewImage/components/view.vue
View File

@ -72,7 +72,7 @@
z-index: 2; z-index: 2;
transform: translateY(-50%); transform: translateY(-50%);
@media (max-width: 640px) { @media (width <= 640px) {
display: none; display: none;
} }

2
resources/assets/js/components/PreviewImage/index.vue
View File

@ -38,7 +38,7 @@ body {
top: 40px; top: 40px;
width: 40px; width: 40px;
@media (max-width: 640px) { @media (width <= 640px) {
right: 24px; right: 24px;
top: 24px; top: 24px;
} }

2
resources/assets/js/pages/manage/approve/index.vue
View File

@ -722,7 +722,7 @@ export default {
.page-approve .ivu-tabs-nav { .page-approve .ivu-tabs-nav {
display: flex; display: flex;
width: 350px; width: 350px;
@media (max-width: 1010px) { @media (width <= 1010px) {
width: 100%; width: 100%;
} }

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

@ -284,7 +284,7 @@
display: flex; display: flex;
gap: 20px; gap: 20px;
height: 500px; height: 500px;
@media (max-width: 768px) { @media (width < 768px) {
flex-direction: column; flex-direction: column;
height: 700px; height: 700px;
.map-radius-control { .map-radius-control {

4
resources/assets/sass/components/report.scss vendored
View File

@ -68,7 +68,7 @@
font-weight: bold; font-weight: bold;
padding: 16px 24px; padding: 16px 24px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
@media (max-width: 500px) { @media (width <= 500px) {
padding-right: 50px; padding-right: 50px;
} }
} }
@ -86,7 +86,7 @@
justify-content: space-between; justify-content: space-between;
row-gap: 12px; row-gap: 12px;
column-gap: 48px; column-gap: 48px;
@media (max-width: 768px) { @media (width < 768px) {
flex-direction: column; flex-direction: column;
column-gap: 0; column-gap: 0;
} }

2
resources/assets/sass/components/right-bottom.scss vendored
View File

@ -97,7 +97,7 @@ body.window-portrait {
} }
} }
@media (max-height: 600px) { @media (height <= 600px) {
.common-right-bottom { .common-right-bottom {
display: none; display: none;
} }

6
resources/assets/sass/components/search-box.scss vendored
View File

@ -129,11 +129,11 @@
display: none; display: none;
} }
@media (max-width: 768px) { @media (width < 768px) {
gap: 12px; gap: 12px;
} }
@media (max-width: 576px) { @media (width <= 576px) {
gap: 10px; gap: 10px;
padding: 14px 18px 0; padding: 14px 18px 0;
} }
@ -197,7 +197,7 @@
max-height: calc(100vh - 305px); max-height: calc(100vh - 305px);
overscroll-behavior: contain; overscroll-behavior: contain;
@media (max-height: 900px) { @media (height <= 900px) {
max-height: calc(100vh - 175px); max-height: calc(100vh - 175px);
} }

2
resources/assets/sass/components/user-select.scss vendored
View File

@ -238,7 +238,7 @@
min-height: 300px; min-height: 300px;
max-height: calc(100vh - 410px); max-height: calc(100vh - 410px);
@media (max-height: 900px) { @media (height <= 900px) {
max-height: calc(100vh - 280px); max-height: calc(100vh - 280px);
} }

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

@ -288,11 +288,11 @@ body {
.ivu-modal { .ivu-modal {
top: 100px; top: 100px;
padding-bottom: 100px; padding-bottom: 100px;
@media (max-width: 768px) { @media (width < 768px) {
top: 60px; top: 60px;
padding-bottom: 60px; padding-bottom: 60px;
} }
@media (max-height: 900px) { @media (height <= 900px) {
top: 35px; top: 35px;
padding-bottom: 35px; padding-bottom: 35px;
} }
@ -329,7 +329,7 @@ body {
min-width: 94px; min-width: 94px;
} }
@media (max-width: 576px) { @media (width <= 576px) {
.adaption { .adaption {
display: flex; display: flex;
align-items: center; align-items: center;
@ -738,7 +738,7 @@ body {
} }
} }
@media (max-width: 576px) { @media (width <= 576px) {
&.lr, &.lr,
&.auto { &.auto {
> ul { > ul {

2
resources/assets/sass/pages/components/dialog-wrapper.scss vendored
View File

@ -2748,7 +2748,7 @@ body.window-portrait {
} }
} }
@media (max-width: 768px) and (min-width: 390px){ @media (390px < width < 768px) {
.dialog-wrapper-operate { .dialog-wrapper-operate {
.operate-action { .operate-action {
width: 376px; width: 376px;

2
resources/assets/sass/pages/components/file-content.scss vendored
View File

@ -297,7 +297,7 @@
} }
} }
@media (max-width: 1200px) { @media (width <= 1200px) {
.file-content { .file-content {
overflow: auto; overflow: auto;
.edit-header, .edit-header,

6
resources/assets/sass/pages/components/task-add.scss vendored
View File

@ -12,13 +12,13 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@media (max-width: 600px) { @media (width <= 600px) {
max-width: 200px; max-width: 200px;
} }
@media (max-width: 400px) { @media (width <= 400px) {
max-width: 160px; max-width: 160px;
} }
@media (max-width: 320px) { @media (width <= 320px) {
max-width: 100px; max-width: 100px;
} }
} }

2
resources/assets/sass/pages/components/task-detail.scss vendored
View File

@ -213,7 +213,7 @@
} }
} }
} }
@media (max-width: 320px) { @media (width <= 320px) {
.nav { .nav {
margin-right: 20px; margin-right: 20px;
} }

2
resources/assets/sass/pages/components/task-exist-tips.scss vendored
View File

@ -39,7 +39,7 @@
opacity: 0.5; opacity: 0.5;
} }
@media (max-width: 640px) { @media (width <= 640px) {
.list-task { .list-task {
margin-top: 6px; margin-top: 6px;
flex-direction: column; flex-direction: column;

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

@ -87,7 +87,7 @@
} }
} }
@media (max-width: 510px) { @media (width <= 510px) {
.apply-row-title { .apply-row-title {
margin-bottom: 8px !important; margin-bottom: 8px !important;
} }
@ -292,7 +292,7 @@
min-width: 120px; min-width: 120px;
height: 38px; height: 38px;
line-height: 36px; line-height: 36px;
@media (max-width: 500px) { @media (width <= 500px) {
width: 50%; width: 50%;
} }
} }
@ -452,7 +452,7 @@
} }
} }
@media (max-width: 500px) { @media (width <= 500px) {
padding: 0; padding: 0;
.ivu-modal-wrap-ul { .ivu-modal-wrap-ul {

8
resources/assets/sass/pages/page-approve.scss vendored
View File

@ -64,7 +64,7 @@
max-width: 200px; max-width: 200px;
} }
@media (max-width: 515px) { @media (width <= 515px) {
.ivu-btn{ .ivu-btn{
min-width: 45px; min-width: 45px;
} }
@ -103,7 +103,7 @@
bottom: 12px; bottom: 12px;
max-width: 360px; max-width: 360px;
width: 100%; width: 100%;
@media (max-width: 1010px) { @media (width <= 1010px) {
max-width: 100%; max-width: 100%;
} }
@ -169,7 +169,7 @@
.approve-list-active { .approve-list-active {
border: 1px solid #8bcf70; border: 1px solid #8bcf70;
@media (max-width: 1010px) { @media (width <= 1010px) {
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
} }
} }
@ -189,7 +189,7 @@
flex: 1 1 auto; flex: 1 1 auto;
display: flex; display: flex;
margin: 0 0 12px 12px; margin: 0 0 12px 12px;
@media (max-width: 1010px) { @media (width <= 1010px) {
display: none; display: none;
} }
} }

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

@ -473,7 +473,7 @@
} }
} }
@media (max-height: 640px) { @media (height <= 640px) {
.page-manage { .page-manage {
.manage-box-menu { .manage-box-menu {
.menu-base { .menu-base {
@ -501,7 +501,7 @@ body.window-portrait {
.mobile-tabbar { .mobile-tabbar {
display: flex; display: flex;
} }
@media (max-height: 400px) { @media (height <= 400px) {
.manage-box-main { .manage-box-main {
margin-bottom: 0; margin-bottom: 0;
} }

2
resources/assets/sass/pages/page-project.scss vendored
View File

@ -10,7 +10,7 @@
} }
} }
@media (max-height: 700px) { @media (height <= 700px) {
.page-project { .page-project {
.project-panel { .project-panel {
height: auto; height: auto;

2
resources/views/desktop.blade.php
View File

@ -141,7 +141,7 @@
color: #088acb color: #088acb
} }
@media (max-width: 768px) { @media (width < 768px) {
.mirror { .mirror {
width: 100%; width: 100%;
padding: 0 15px 10px padding: 0 15px 10px