feat:优化移动端布局适配

This commit is contained in:
Baobhan Sith
2025-05-04 10:24:43 +08:00
parent 6378cd7106
commit bcab4096b0
@@ -658,7 +658,7 @@ const toggleVirtualKeyboard = () => {
display: flex; display: flex;
background-color: transparent; background-color: transparent;
flex-direction: column; flex-direction: column;
height: 100vh; /* 默认占据整个视口高度 */ height: 100dvh; /* 使用动态视口高度 */
overflow: hidden; overflow: hidden;
transition: height 0.3s ease; /* 可选:添加过渡效果 */ transition: height 0.3s ease; /* 可选:添加过渡效果 */
} }
@@ -666,7 +666,7 @@ const toggleVirtualKeyboard = () => {
/* 当 Header 可见时,调整高度 */ /* 当 Header 可见时,调整高度 */
.workspace-view.with-header { .workspace-view.with-header {
/* 假设 Header 高度为 55px (根据 App.vue CSS) */ /* 假设 Header 高度为 55px (根据 App.vue CSS) */
height: calc(100vh - 55px); height: calc(100dvh - 55px); /* 使用动态视口高度计算 */
} }
.main-content-area { .main-content-area {