fix(web): broken modals

This commit is contained in:
Pujit Mehrotra
2025-02-19 09:09:00 -05:00
committed by Pujit Mehrotra
parent b970fd9e6c
commit 19208e5fab
2 changed files with 8 additions and 8 deletions

View File

@@ -71,7 +71,7 @@ const computedVerticalCenter = computed<string>(() => {
</script>
<template>
<TransitionRoot appear :show="open" as="template">
<TransitionRoot appear :show="open">
<div
class="fixed inset-0 z-10 overflow-y-auto"
role="dialog"
@@ -86,7 +86,6 @@ const computedVerticalCenter = computed<string>(() => {
>
<TransitionChild
appear
as="template"
enter="duration-300 ease-out"
enter-from="opacity-0"
enter-to="opacity-100"
@@ -102,7 +101,6 @@ const computedVerticalCenter = computed<string>(() => {
</TransitionChild>
<TransitionChild
appear
as="template"
enter="duration-300 ease-out"
enter-from="opacity-0 scale-95"
enter-to="opacity-100 scale-100"
@@ -185,7 +183,6 @@ const computedVerticalCenter = computed<string>(() => {
<TransitionChild
appear
as="template"
enter="duration-300 ease-out"
enter-from="opacity-0"
enter-to="opacity-100"

View File

@@ -1,12 +1,14 @@
<script setup lang="ts">
import { TransitionRoot } from '@headlessui/vue';
import { storeToRefs } from 'pinia';
import { TransitionRoot } from '@headlessui/vue';
import type { ComposerTranslation } from 'vue-i18n';
import { useDropdownStore } from '~/store/dropdown';
import { useServerStore } from '~/store/server';
defineProps<{ t: ComposerTranslation; }>();
defineProps<{ t: ComposerTranslation }>();
const dropdownStore = useDropdownStore();
@@ -18,7 +20,6 @@ const showLaunchpad = computed(() => state.value === 'ENOKEYFILE');
<template>
<TransitionRoot
as="template"
:show="dropdownVisible"
enter="transition-all duration-200"
enter-from="opacity-0 translate-y-[16px]"
@@ -27,7 +28,9 @@ const showLaunchpad = computed(() => state.value === 'ENOKEYFILE');
leave-from="opacity-100"
leave-to="opacity-0 translate-y-[16px]"
>
<UpcDropdownWrapper class="DropdownWrapper_blip text-foreground absolute z-30 top-full right-0 transition-all">
<UpcDropdownWrapper
class="DropdownWrapper_blip text-foreground absolute z-30 top-full right-0 transition-all"
>
<UpcDropdownLaunchpad v-if="showLaunchpad" :t="t" />
<UpcDropdownContent v-else :t="t" />
</UpcDropdownWrapper>