benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-05-15 19:07:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

cleanup on the modal

Browse source
This commit is contained in:
Benny Samir Hierl 2022-02-25 10:29:02 +01:00
parent 59f2b7bdbf
commit 78a8d39ea6
2 changed files with 27 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
components.d.ts vendored
View file

@ -14,7 +14,6 @@ declare module 'vue' {
IconCreation: typeof import('./src/components/icons/IconCreation.vue')['default'] IconCreation: typeof import('./src/components/icons/IconCreation.vue')['default']
IconDelete: typeof import('./src/components/icons/IconDelete.vue')['default'] IconDelete: typeof import('./src/components/icons/IconDelete.vue')['default']
IconError: typeof import('./src/components/icons/IconError.vue')['default'] IconError: typeof import('./src/components/icons/IconError.vue')['default']
IconHome: typeof import('./src/components/icons/IconHome.vue')['default']
IconImagePlaceholder: typeof import('./src/components/icons/IconImagePlaceholder.vue')['default'] IconImagePlaceholder: typeof import('./src/components/icons/IconImagePlaceholder.vue')['default']
IconLightDark: typeof import('./src/components/icons/IconLightDark.vue')['default'] IconLightDark: typeof import('./src/components/icons/IconLightDark.vue')['default']
IconLink: typeof import('./src/components/icons/IconLink.vue')['default'] IconLink: typeof import('./src/components/icons/IconLink.vue')['default']

14
src/components/Modal.vue
View file

@ -8,19 +8,12 @@ const modal = useModal()
<div <div
v-if="modal.isShown" v-if="modal.isShown"
data-test="modal" data-test="modal"
class="fixed inset-0 z-10 overflow-y-auto" class="fixed inset-0 z-10 overflow-y-auto p-4 pt-[70vh] sm:pt-[25vh]"
role="dialog" role="dialog"
> >
<div class="fixed inset-0 bg-stone-700/75"></div>
<div <div
class="flex min-h-screen items-end justify-center px-4 pt-4 pb-20 text-center sm:block sm:p-0" class="relative mx-auto rounded-md bg-white text-left shadow-xl ring-1 ring-black/5 dark:bg-stone-900 sm:max-w-xl"
>
<div class="fixed inset-0 bg-stone-700/75 transition-opacity"></div>
<span class="hidden sm:inline-block sm:h-screen sm:align-middle"
>&#8203;</span
>
<div
class="inline-block transform overflow-hidden rounded-lg bg-white text-left align-bottom shadow-xl transition-all dark:bg-stone-900 sm:my-8 sm:w-full sm:max-w-lg sm:align-middle"
> >
<div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4"> <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<div class="sm:flex sm:items-start"> <div class="sm:flex sm:items-start">
@ -52,5 +45,4 @@ const modal = useModal()
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>