mirror of
https://github.com/kuaifan/dootask.git
synced 2026-01-07 05:13:11 +00:00
perf: 优化 css 语法
This commit is contained in:
parent
dc1bb72070
commit
bfb4144e57
@ -72,7 +72,7 @@
|
||||
z-index: 2;
|
||||
transform: translateY(-50%);
|
||||
|
||||
@media (max-width: 640px) {
|
||||
@media (width <= 640px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@ -38,7 +38,7 @@ body {
|
||||
top: 40px;
|
||||
width: 40px;
|
||||
|
||||
@media (max-width: 640px) {
|
||||
@media (width <= 640px) {
|
||||
right: 24px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
@ -722,7 +722,7 @@ export default {
|
||||
.page-approve .ivu-tabs-nav {
|
||||
display: flex;
|
||||
width: 350px;
|
||||
@media (max-width: 1010px) {
|
||||
@media (width <= 1010px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -284,7 +284,7 @@
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
height: 500px;
|
||||
@media (max-width: 768px) {
|
||||
@media (width < 768px) {
|
||||
flex-direction: column;
|
||||
height: 700px;
|
||||
.map-radius-control {
|
||||
|
||||
4
resources/assets/sass/components/report.scss
vendored
4
resources/assets/sass/components/report.scss
vendored
@ -68,7 +68,7 @@
|
||||
font-weight: bold;
|
||||
padding: 16px 24px;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
@media (max-width: 500px) {
|
||||
@media (width <= 500px) {
|
||||
padding-right: 50px;
|
||||
}
|
||||
}
|
||||
@ -86,7 +86,7 @@
|
||||
justify-content: space-between;
|
||||
row-gap: 12px;
|
||||
column-gap: 48px;
|
||||
@media (max-width: 768px) {
|
||||
@media (width < 768px) {
|
||||
flex-direction: column;
|
||||
column-gap: 0;
|
||||
}
|
||||
|
||||
@ -97,7 +97,7 @@ body.window-portrait {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 600px) {
|
||||
@media (height <= 600px) {
|
||||
.common-right-bottom {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -129,11 +129,11 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (width < 768px) {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
@media (width <= 576px) {
|
||||
gap: 10px;
|
||||
padding: 14px 18px 0;
|
||||
}
|
||||
@ -197,7 +197,7 @@
|
||||
max-height: calc(100vh - 305px);
|
||||
overscroll-behavior: contain;
|
||||
|
||||
@media (max-height: 900px) {
|
||||
@media (height <= 900px) {
|
||||
max-height: calc(100vh - 175px);
|
||||
}
|
||||
|
||||
|
||||
@ -238,7 +238,7 @@
|
||||
min-height: 300px;
|
||||
max-height: calc(100vh - 410px);
|
||||
|
||||
@media (max-height: 900px) {
|
||||
@media (height <= 900px) {
|
||||
max-height: calc(100vh - 280px);
|
||||
}
|
||||
|
||||
|
||||
8
resources/assets/sass/pages/common.scss
vendored
8
resources/assets/sass/pages/common.scss
vendored
@ -288,11 +288,11 @@ body {
|
||||
.ivu-modal {
|
||||
top: 100px;
|
||||
padding-bottom: 100px;
|
||||
@media (max-width: 768px) {
|
||||
@media (width < 768px) {
|
||||
top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
@media (max-height: 900px) {
|
||||
@media (height <= 900px) {
|
||||
top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
@ -329,7 +329,7 @@ body {
|
||||
min-width: 94px;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
@media (width <= 576px) {
|
||||
.adaption {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -738,7 +738,7 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
@media (width <= 576px) {
|
||||
&.lr,
|
||||
&.auto {
|
||||
> ul {
|
||||
|
||||
@ -2748,7 +2748,7 @@ body.window-portrait {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) and (min-width: 390px){
|
||||
@media (390px < width < 768px) {
|
||||
.dialog-wrapper-operate {
|
||||
.operate-action {
|
||||
width: 376px;
|
||||
|
||||
@ -297,7 +297,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
@media (width <= 1200px) {
|
||||
.file-content {
|
||||
overflow: auto;
|
||||
.edit-header,
|
||||
|
||||
@ -12,13 +12,13 @@
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
@media (max-width: 600px) {
|
||||
@media (width <= 600px) {
|
||||
max-width: 200px;
|
||||
}
|
||||
@media (max-width: 400px) {
|
||||
@media (width <= 400px) {
|
||||
max-width: 160px;
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
@media (width <= 320px) {
|
||||
max-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -213,7 +213,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
@media (width <= 320px) {
|
||||
.nav {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
@media (width <= 640px) {
|
||||
.list-task {
|
||||
margin-top: 6px;
|
||||
flex-direction: column;
|
||||
|
||||
6
resources/assets/sass/pages/page-apply.scss
vendored
6
resources/assets/sass/pages/page-apply.scss
vendored
@ -87,7 +87,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
@media (width <= 510px) {
|
||||
.apply-row-title {
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
@ -292,7 +292,7 @@
|
||||
min-width: 120px;
|
||||
height: 38px;
|
||||
line-height: 36px;
|
||||
@media (max-width: 500px) {
|
||||
@media (width <= 500px) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@ -452,7 +452,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@media (width <= 500px) {
|
||||
padding: 0;
|
||||
|
||||
.ivu-modal-wrap-ul {
|
||||
|
||||
@ -64,7 +64,7 @@
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
@media (max-width: 515px) {
|
||||
@media (width <= 515px) {
|
||||
.ivu-btn{
|
||||
min-width: 45px;
|
||||
}
|
||||
@ -103,7 +103,7 @@
|
||||
bottom: 12px;
|
||||
max-width: 360px;
|
||||
width: 100%;
|
||||
@media (max-width: 1010px) {
|
||||
@media (width <= 1010px) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@ -169,7 +169,7 @@
|
||||
|
||||
.approve-list-active {
|
||||
border: 1px solid #8bcf70;
|
||||
@media (max-width: 1010px) {
|
||||
@media (width <= 1010px) {
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
}
|
||||
@ -189,7 +189,7 @@
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
margin: 0 0 12px 12px;
|
||||
@media (max-width: 1010px) {
|
||||
@media (width <= 1010px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
4
resources/assets/sass/pages/page-manage.scss
vendored
4
resources/assets/sass/pages/page-manage.scss
vendored
@ -473,7 +473,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 640px) {
|
||||
@media (height <= 640px) {
|
||||
.page-manage {
|
||||
.manage-box-menu {
|
||||
.menu-base {
|
||||
@ -501,7 +501,7 @@ body.window-portrait {
|
||||
.mobile-tabbar {
|
||||
display: flex;
|
||||
}
|
||||
@media (max-height: 400px) {
|
||||
@media (height <= 400px) {
|
||||
.manage-box-main {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 700px) {
|
||||
@media (height <= 700px) {
|
||||
.page-project {
|
||||
.project-panel {
|
||||
height: auto;
|
||||
|
||||
@ -141,7 +141,7 @@
|
||||
color: #088acb
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (width < 768px) {
|
||||
.mirror {
|
||||
width: 100%;
|
||||
padding: 0 15px 10px
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user