diff --git a/src/components/GlassModal.vue b/src/components/GlassModal.vue index c54e9ec39..174712277 100644 --- a/src/components/GlassModal.vue +++ b/src/components/GlassModal.vue @@ -2,7 +2,7 @@
@@ -27,10 +27,15 @@ const props = defineProps<{ * */ position?: ModalPosition + /** + * + */ + overflow?: 'auto' | 'hidden' | 'scroll' | 'visible' | 'inherit' | 'initial' | 'unset' }>() const isVisible = ref(props.isVisible) const modalPosition = ref(props.position || 'center') +const selectedOverflow = ref(props.overflow || 'auto') const modalPositionStyle = computed(() => { switch (modalPosition.value) { @@ -44,7 +49,7 @@ const modalPositionStyle = computed(() => { return { top: '50%', left: interfaceStore.isOnSmallScreen - ? `${interfaceStore.mainMenuWidth - 6}px` + ? `${interfaceStore.mainMenuWidth - 20}px` : `${interfaceStore.mainMenuWidth + 30}px`, transform: 'translateY(-50%)', } @@ -70,8 +75,7 @@ watch( .glass-modal { position: absolute; width: auto; - max-height: 85vh; - overflow: auto; + max-height: 100vh; border: 1px solid #cbcbcb33; background-color: #4f4f4f33; backdrop-filter: blur(15px);