fix: overflow on newmodal

Signed-off-by: Evan Song <[email protected]>
modrinth · Oct 18, 2024 · 7059b60 · 7059b60
1 parent ead2390
commit 7059b60
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/packages/ui/src/components/modal/NewModal.vue b/packages/ui/src/components/modal/NewModal.vue
@@ -75,6 +75,7 @@ const visible = ref(false)
 
 function show(event?: MouseEvent) {
   open.value = true
+  document.body.style.overflow = 'hidden'
   window.addEventListener('mousedown', updateMousePosition)
   window.addEventListener('keydown', handleKeyDown)
   if (event) {
@@ -91,6 +92,7 @@ function show(event?: MouseEvent) {
 function hide() {
   props.onHide()
   visible.value = false
+  document.body.style.overflow = ''
   window.removeEventListener('mousedown', updateMousePosition)
   window.removeEventListener('keydown', handleKeyDown)
   setTimeout(() => {
@@ -143,12 +145,6 @@ function handleKeyDown(event: KeyboardEvent) {
   opacity: 0;
   transition: all 0.2s ease-out;
   background: linear-gradient(to bottom, rgba(29, 48, 43, 0.52) 0%, rgba(14, 21, 26, 0.95) 100%);
-  //transform: translate(
-  //    calc((-50vw + var(--_mouse-x, 50vw) * 1px) / 2),
-  //    calc((-50vh + var(--_mouse-y, 50vh) * 1px) / 2)
-  //  )
-  //  scaleX(0.8) scaleY(0.5);
-  border-radius: 180px;
   filter: blur(5px);
 
   @media (prefers-reduced-motion) {
@@ -159,8 +155,6 @@ function handleKeyDown(event: KeyboardEvent) {
     opacity: 1;
     visibility: visible;
     backdrop-filter: blur(5px);
-    transform: translate(0, 0) scaleX(1) scaleY(1);
-    border-radius: 0px;
   }
 
   &.noblur {