fix: details view in mobile

antfu-collective · Apr 26, 2023 · 991815b · 991815b
1 parent 807e076
commit 991815b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
@@ -7,7 +7,12 @@ const props = withDefaults(defineProps<{
   direction: 'bottom',
 })
 
+const { width, height } = useWindowSize()
+const isSmall = computed(() => width.value < 700 || height.value < 700)
+
 const positionClass = computed(() => {
+  if (isSmall.value)
+    return 'bottom-0 left-0 right-0 top-0 of-auto'
   switch (props.direction) {
     case 'bottom':
       return 'bottom-0 left-0 right-0 border-t'