diff options
| author | Fuwn <[email protected]> | 2024-02-11 00:15:59 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-11 00:15:59 -0800 |
| commit | 58d49767f4b68fa3f00ad1a51750d4a97b9067bf (patch) | |
| tree | 13369ed002368897863520f544e64bfe49d8bc77 /src/lib/Popup.svelte | |
| parent | feat(error): return partial matches first (diff) | |
| download | due.moe-58d49767f4b68fa3f00ad1a51750d4a97b9067bf.tar.xz due.moe-58d49767f4b68fa3f00ad1a51750d4a97b9067bf.zip | |
fix(error): use path store
Diffstat (limited to 'src/lib/Popup.svelte')
| -rw-r--r-- | src/lib/Popup.svelte | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/lib/Popup.svelte b/src/lib/Popup.svelte index 6a40517d..badd4f2c 100644 --- a/src/lib/Popup.svelte +++ b/src/lib/Popup.svelte @@ -7,6 +7,7 @@ export let fullscreen = false; export let show = true; export let locked = false; + export let center = false; const handleClickOutside = (event: any) => { if (!locked && event.target.classList.contains('popup')) { @@ -21,7 +22,9 @@ {#if show} <div class={`popup ${fullscreen ? 'popup-fullscreen' : ''}`}> - <span class={card ? `card ${smallCard ? 'card-small' : ''}` : ''}> + <span + class={`${card ? `card ${smallCard ? 'card-small' : ''}` : ''} ${center ? 'centered' : ''}`} + > <slot /> </span> </div> @@ -31,4 +34,10 @@ .popup { z-index: 3; } + + .centered { + display: flex; + justify-content: center; + align-items: center; + } </style> |