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; display: flex;
flex-direction: column; flex-direction: column;
gap: 16px; 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) { @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 { .ai-assistant-output {

View File

@ -194,11 +194,11 @@
.search-list { .search-list {
overflow: auto; 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; overscroll-behavior: contain;
@media (height <= 900px) { @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 { > ul {

View File

@ -236,10 +236,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 300px; 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) { @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 { ul {

View File

@ -1,6 +1,6 @@
.dialog-droup-word-chain { .dialog-droup-word-chain {
.ivu-modal-body { .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; overflow: auto;
padding-top: 0 !important; padding-top: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
@ -58,7 +58,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; 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 { .source {
margin-right: 32px; margin-right: 32px;

View File

@ -955,7 +955,7 @@
} }
.project-panel-project-menu-dropdown { .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; overflow-y: auto;
} }
@ -963,7 +963,7 @@
.project-panel-more-dropdown-warp { .project-panel-more-dropdown-warp {
height: 400px; height: 400px;
min-height: 120px; 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; overflow-y: auto;
list-style: none; list-style: none;
&::-webkit-scrollbar { &::-webkit-scrollbar {

View File

@ -548,7 +548,7 @@
.taskflow-config-more-dropdown-warp { .taskflow-config-more-dropdown-warp {
height: 400px; height: 400px;
min-height: 180px; 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; overflow-y: auto;
list-style: none; list-style: none;
} }

View File

@ -235,10 +235,10 @@
.dialog-list { .dialog-list {
padding: 0 12px; padding: 0 12px;
overflow-y: auto; 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) { @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 { .dialog-item {

View File

@ -90,7 +90,7 @@
.approve-mains { .approve-mains {
display: flex; display: flex;
flex: 1 1 auto; 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; position: relative;
.approve-main-left { .approve-main-left {

View File

@ -339,7 +339,7 @@
} }
&.ivu-dropdown { &.ivu-dropdown {
.ivu-select-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; overflow: auto;
} }
} }