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);