fix(dialog): fix positioning, remove animation

Author: VChet

src/assets/global.scss

@@ -242,18 +242,8 @@ label:has([type="checkbox"]) {
     }
   }
 }
-@keyframes fade-in {
-  from {
-    opacity: 0;
-    transform: translateY(-15%);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0%);
-  }
-}
 dialog {
-  position: fixed;
+  left: 50%;
   width: 100%;
   max-width: 25rem;
   max-height: 85dvh;
@@ -262,11 +252,12 @@ dialog {
   background-color: var(--background);
   border: 1px solid var(--base-dimmed);
   border-radius: 0.25rem;
+  transform: translateX(-50%);
   &::backdrop {
     background-color: rgba(0 0 0 / 35%)
   }
-  &[open] {
-    animation: fade-in .3s ease;
+  &:not([open]) {
+    pointer-events: none;
   }
   &.invalid {
     border-color: var(--negative);