远程控制适配小分辨率

This commit is contained in:
mouse 2024-01-06 14:34:01 +08:00
parent 5f4a963751
commit c44cb6a945
2 changed files with 19 additions and 7 deletions

View File

@ -268,6 +268,13 @@ body {
display: none !important;
}
}
.remote-manage-page {
.content-box {
.message-box {
display: none;
}
}
}
}
@media screen and (max-width: 1670px) {
.remote-part .info-box .row-item {
@ -277,4 +284,4 @@ body {
font-size: 16px !important;
}
}
}
}

View File

@ -126,21 +126,23 @@ const breakRemote = (e: RemoteItem) => {
width: 100%;
height: 100%;
padding-top: 15px;
overflow-y: auto;
overflow-x: hidden;
.header-box {
width: 100%;
height: 190px;
min-height: 180px;
background: white;
padding: 10px 50px;
padding: 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
.task-btn-item {
cursor: pointer;
flex-grow: 1;
width: 17%;
min-width: 200px;
height: 70px;
margin: 10px 20px;
border: 2px solid $main-color;
color: $main-color;
border-radius: 5px;
@ -178,7 +180,8 @@ const breakRemote = (e: RemoteItem) => {
.content-box {
width: 100%;
height: calc(100% - 205px);
height: calc(100% - 195px);
min-height: 400px;
margin-top: 15px;
background: white;
padding: 20px 50px;
@ -187,12 +190,14 @@ const breakRemote = (e: RemoteItem) => {
.remote-box {
width: calc(100% - 370px);
flex-grow: 1;
height: 100%;
}
.message-box {
width: 350px;
height: 100%;
margin-left: 20px;
}
}
}