contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Style: add glass frost effect to popups

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-03-13 22:48:21 +01:00
parent 70ad2431d0
commit 0a67668bec
4 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/UI/Base/DrawerLeft.svelte
View file

@ -22,6 +22,7 @@
placement="left"
transitionType="fly"
{transitionParams}
bgColor="frozen-glass"
divClass="overflow-y-auto z-50 "
bind:hidden
>

7
src/UI/Base/Popup.svelte
View file

@ -22,11 +22,13 @@
defaultClass = shared
}
let dialogClass =
"fixed top-0 start-0 end-0 h-modal inset-0 w-full p-4 flex class-marker-dialog " + zIndex
"fixed top-0 start-0 end-0 h-modal inset-0 w-full p-4 flex border-none " + zIndex
export let backdropClass = "fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80 frozen-glass"
if (fullscreen) {
dialogClass += " h-full-child"
}
let bodyClass = bodyPadding + " h-full space-y-4 flex-1 overflow-y-auto overscroll-contain"
let bodyClass = bodyPadding + " h-full space-y-4 flex-1 overflow-y-auto overscroll-contain background-normal"
let headerClass = "flex justify-between items-center p-2 px-4 md:px-5 rounded-t-lg"
if (!$$slots.header) {
@ -48,6 +50,7 @@
{bodyClass}
{dialogClass}
{headerClass}
{backdropClass}
color="none"
>
<svelte:fragment slot="header">