perf: 优化 css 语法

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

View File

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

View File

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

View File

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

View File

@ -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 {

View File

@ -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;
}

View File

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

View File

@ -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);
}

View File

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

View File

@ -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 {

View File

@ -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;

View File

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

View File

@ -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;
}
}

View File

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

View File

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

View File

@ -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 {

View File

@ -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;
}
}

View File

@ -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;
}

View File

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

View File

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