调整多个组件的高度计算逻辑

This commit is contained in:
jxxghp
2025-06-11 13:21:42 +08:00
parent 3c051b8698
commit f27cd796b6
3 changed files with 11 additions and 3 deletions

View File

@@ -242,7 +242,7 @@ function stopDrag() {
// 外层DIV大小控制
const scrollStyle = computed(() => {
return appMode
? 'height: calc(100vh - 10.5rem - env(safe-area-inset-bottom) - 6.5rem)'
? 'height: calc(100vh - 10.5rem - env(safe-area-inset-bottom) - 7rem)'
: 'height: calc(100vh - 10.5rem - env(safe-area-inset-bottom)'
})

View File

@@ -253,6 +253,11 @@ const showDynamicButton = computed(() => {
&.shift-left {
transform: translateX(0);
}
.v-btn-toggle {
block-size: auto;
min-block-size: 64px;
}
}
.footer-card-content {
@@ -274,8 +279,11 @@ const showDynamicButton = computed(() => {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 0;
flex-grow: 1;
align-items: center;
justify-content: center;
background-color: transparent;
block-size: 56px;
&.v-btn--active {
background-color: transparent;

View File

@@ -214,7 +214,7 @@ const TransferDict: { [key: string]: string } = {
const tableStyle = computed(() => {
return appMode
? 'height: calc(100vh - 15rem - env(safe-area-inset-bottom) - 6.5rem)'
? 'height: calc(100vh - 15rem - env(safe-area-inset-bottom) - 7rem)'
: 'height: calc(100vh - 15rem - env(safe-area-inset-bottom)'
})