gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-23 20:54:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #175 from gitbutlerapp/ian/gb-195-bug-dialog-is-1-pixel-on-the-top-of-the

Browse Source 
Ian/gb 195 bug dialog is 1 pixel on the top of the
This commit is contained in:
Ian Donahue 2023-04-12 11:11:32 +02:00 committed by GitHub
commit 9c54f77446
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/Modal.svelte
View File

@ -46,14 +46,20 @@ It does minimal styling. A close event is fired when the modal is closed.
<svelte:window on:click={handleClick} />
<dialog
class="flex w-[640px] overflow-hidden rounded-lg border-[0.5px] border-[#3F3F3f] bg-zinc-900/70 p-0 shadow-lg backdrop-blur-lg"
class="my-0 overflow-hidden bg-transparent p-0"
in:scale={{ duration: 150 }}
bind:this={dialog}
on:close={hide}
>
{#if open}
<div class="flex h-[400px]" bind:this={content}>
<slot />
<div class="modal-overlay relative top-[25%] h-[100vh] overflow-hidden">
<div
class="modal w-[640px] overflow-hidden rounded-lg border-[0.5px] border-[#3F3F3f] bg-zinc-900/70 p-0 shadow-lg backdrop-blur-lg"
>
<div class="flex" bind:this={content}>
<slot />
</div>
</div>
</div>
{/if}
</dialog>