dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-06-05 15:50:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: modal

Browse source
This commit is contained in:
EETagent 2022-12-05 00:15:29 +01:00
parent 1ce667c981
commit ce8f280e32
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/lib/components/Modal.svelte
View file

@ -19,8 +19,6 @@
<div class="modalBackground" on:keydown on:click={close} /> <div class="modalBackground" on:keydown on:click={close} />
<div class="modal" role="dialog" aria-modal="true" bind:this={modal}> <div class="modal" role="dialog" aria-modal="true" bind:this={modal}>
<slot name="header" />
<hr />
<slot /> <slot />
</div> </div>
@ -36,14 +34,14 @@
.modal { .modal {
@apply absolute; @apply absolute;
@apply left-1/2 top-1/2; @apply p-4;
@apply w-[calc(100vw - 4em)]
@apply p-4;
@apply rounded-md; @apply rounded-md;
@apply transform: @apply transform:
translate(-50%, -50%) overflow-auto;
@apply bg-white; @apply bg-white;
@apply z-50; @apply z-50;
@apply top-1/2 left-1/2;
transform: translate(-50%, -50%);
} }
</style> </style>