fix: prevent nested scrolling in words shortcut

This commit is contained in:
jxxghp
2026-07-03 20:32:16 +08:00
parent c26c3c4284
commit 8e681dbbe7
3 changed files with 19 additions and 1 deletions
@@ -104,6 +104,21 @@ const bodyClasses = computed(() => [
}
@media (max-width: 959.98px) {
.words-shortcut-dialog-card {
display: flex;
overflow: hidden !important;
flex-direction: column;
}
.words-shortcut-dialog-body {
display: flex;
overflow: hidden !important;
flex: 1 1 auto;
inline-size: 100%;
min-block-size: 0;
padding: 0 !important;
}
.scheduler-shortcut-dialog-card--transparent {
background: transparent !important;
background-color: transparent !important;
+1
View File
@@ -81,6 +81,7 @@ export function useShortcutTools() {
icon: 'mdi-file-word-box',
dialog: 'words',
bodyClass: 'words-shortcut-dialog-body pa-0',
cardClass: 'words-shortcut-dialog-card',
component: WordsView,
maxWidth: '60rem',
titleText: t('shortcut.words.subtitle'),
+3 -1
View File
@@ -973,7 +973,9 @@ onMounted(() => {
@media (width <= 959.98px) {
.words-view {
block-size: calc(100dvh - 4rem - env(safe-area-inset-top));
flex: 1 1 auto;
block-size: 100%;
min-block-size: 0;
}
.words-workspace {