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

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
+1 -1
View File
@@ -242,7 +242,7 @@ function stopDrag() {
// 外层DIV大小控制 // 外层DIV大小控制
const scrollStyle = computed(() => { const scrollStyle = computed(() => {
return appMode 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)' : 'height: calc(100vh - 10.5rem - env(safe-area-inset-bottom)'
}) })
+9 -1
View File
@@ -253,6 +253,11 @@ const showDynamicButton = computed(() => {
&.shift-left { &.shift-left {
transform: translateX(0); transform: translateX(0);
} }
.v-btn-toggle {
block-size: auto;
min-block-size: 64px;
}
} }
.footer-card-content { .footer-card-content {
@@ -274,8 +279,11 @@ const showDynamicButton = computed(() => {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 0; flex-grow: 1;
align-items: center;
justify-content: center;
background-color: transparent; background-color: transparent;
block-size: 56px;
&.v-btn--active { &.v-btn--active {
background-color: transparent; background-color: transparent;
+1 -1
View File
@@ -214,7 +214,7 @@ const TransferDict: { [key: string]: string } = {
const tableStyle = computed(() => { const tableStyle = computed(() => {
return appMode 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)' : 'height: calc(100vh - 15rem - env(safe-area-inset-bottom)'
}) })