fix(modal): align modal vertically

Author: VChet

src/assets/global.scss

@@ -247,16 +247,15 @@ label:has([type="checkbox"]) {
   }
 }
 dialog {
-  left: 50%;
   width: 100%;
   max-width: 25rem;
-  max-height: 100dvh;
+  max-height: 90dvh;
   padding: 0;
+  margin: auto;
   color: var(--base);
   background-color: var(--background);
   border: 1px solid var(--base-dimmed);
   border-radius: 0.25rem;
-  transform: translateX(-50%);
   &::backdrop {
     background-color: rgb(0 0 0 / 35%)
   }

src/components/modals/about-modal.vue

@@ -77,10 +77,9 @@ const commitDate = dayjs(import.meta.env.VITE_GIT_COMMIT_DATE).format("DD.MM.YY"
 <style lang="scss">
 .about {
   max-width: 75vw;
-  max-height: unset;
   &__content {
     display: grid;
-    gap: 0.5rem;
+    gap: 1rem;
     ul {
       padding-left: 1.25rem;
       list-style: disc;