fix: 调整各组件最大高度计算,考虑状态栏和导航栏高度

This commit is contained in:
kuaifan 2025-11-28 02:27:03 +00:00
parent faeeb09a4a
commit 43577073e6
9 changed files with 15 additions and 15 deletions

View File

@ -845,9 +845,9 @@ export default {
display: flex;
flex-direction: column;
gap: 16px;
max-height: calc(var(--window-height, 100vh) - 344px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 344px);
@media (height <= 900px) {
max-height: calc(var(--window-height, 100vh) - 214px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 214px);
}
.ai-assistant-output {

View File

@ -194,11 +194,11 @@
.search-list {
overflow: auto;
max-height: calc(var(--window-height, 100vh) - 305px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 305px);
overscroll-behavior: contain;
@media (height <= 900px) {
max-height: calc(var(--window-height, 100vh) - 175px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 175px);
}
> ul {

View File

@ -236,10 +236,10 @@
display: flex;
flex-direction: column;
min-height: 300px;
max-height: calc(var(--window-height, 100vh) - 410px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 410px);
@media (height <= 900px) {
max-height: calc(var(--window-height, 100vh) - 280px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 280px);
}
ul {

View File

@ -1,6 +1,6 @@
.dialog-droup-word-chain {
.ivu-modal-body {
max-height: calc(var(--window-height, 100vh) - 260px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 260px);
overflow: auto;
padding-top: 0 !important;
padding-right: 0 !important;
@ -58,7 +58,7 @@
display: flex;
flex-direction: column;
height: 100%;
max-height: calc(var(--window-height, 100vh) - 265px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 265px);
.source {
margin-right: 32px;

View File

@ -955,7 +955,7 @@
}
.project-panel-project-menu-dropdown {
max-height: calc(var(--window-height, 100vh) - 120px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 120px);
overflow-y: auto;
}
@ -963,7 +963,7 @@
.project-panel-more-dropdown-warp {
height: 400px;
min-height: 120px;
max-height: calc(var(--window-height, 100vh) - 250px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 250px);
overflow-y: auto;
list-style: none;
&::-webkit-scrollbar {

View File

@ -548,7 +548,7 @@
.taskflow-config-more-dropdown-warp {
height: 400px;
min-height: 180px;
max-height: calc(var(--window-height, 100vh) - 250px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 250px);
overflow-y: auto;
list-style: none;
}

View File

@ -235,10 +235,10 @@
.dialog-list {
padding: 0 12px;
overflow-y: auto;
max-height: calc(var(--window-height, 100vh) - 310px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 310px);
@media (height <= 900px) {
max-height: calc(var(--window-height, 100vh) - 180px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 180px);
}
.dialog-item {

View File

@ -90,7 +90,7 @@
.approve-mains {
display: flex;
flex: 1 1 auto;
height: calc(var(--window-height, 100vh) - 190px - var(--status-bar-height) - var(--navigation-bar-height));
height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 190px);
position: relative;
.approve-main-left {

View File

@ -339,7 +339,7 @@
}
&.ivu-dropdown {
.ivu-select-dropdown {
max-height: calc(var(--window-height, 100vh) - 120px);
max-height: calc(var(--window-height) - var(--status-bar-height) - var(--navigation-bar-height) - 120px);
overflow: auto;
}
}