mirror of
https://github.com/unraid/api.git
synced 2025-12-31 13:39:52 -06:00
fix(web): broken modals
This commit is contained in:
committed by
Pujit Mehrotra
parent
b970fd9e6c
commit
19208e5fab
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user