mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2026-01-04 23:50:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): modal footer visibility

Browse Source
This commit is contained in:
Zack Spear
2023-08-31 17:19:43 -07:00
parent 17c7757bf6
commit 8358d64355
2 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/components/Modal.vue
View File

@@ -111,12 +111,23 @@ const ariaLablledById = computed((): string|undefined => props.title ? `ModalTit
</header>
<slot name="main" />
<footer v-if="$slots['footer']" class="text-14px relative -mx-16px -mb-16px sm:-mx-24px sm:-mb-24px p-4 sm:p-6">
<div class="absolute z-0 inset-0 opacity-10 bg-beta" />
<div class="relative z-10">
<slot name="footer" />
</div>
</footer>
<TransitionChild
appear
as="template"
enter="duration-300 ease-out"
enter-from="opacity-0"
enter-to="opacity-100"
leave="duration-200 ease-in"
leave-from="opacity-100"
leave-to="opacity-0"
>
<footer v-if="$slots['footer']" class="text-14px relative -mx-16px -mb-16px sm:-mx-24px sm:-mb-24px p-4 sm:p-6">
<div class="absolute z-0 inset-0 opacity-10 bg-beta" />
<div class="relative z-10">
<slot name="footer" />
</div>
</footer>
</TransitionChild>
</div>
</TransitionChild>
</div>

4
web/components/UserProfile/CallbackFeedback.vue
View File

@@ -243,8 +243,8 @@ const accountActionStatusCopy = computed((): { text: string; } => {
</div>
</template>
<template #footer>
<div v-if="callbackStatus === 'success'" class="flex flex-row justify-center gap-16px">
<template v-if="callbackStatus === 'success'" #footer>
<div class="flex flex-row justify-center gap-16px">
<BrandButton
v-if="showSignInCta"
btn-style="underline"