romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-15 12:54:06 +00:00
Code Issues Releases Activity

Add modal transitions

Browse Source
This commit is contained in:
Romein van Buren
2023-12-23 14:17:39 +01:00
parent 4e68bf324c
commit b04d0b324a
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/modal.svelte
View File

@ -3,8 +3,9 @@
</script>
<script>
import { Beep } from '$wails/go/ui/UI.js';
import { createEventDispatcher } from 'svelte';
import { fade, fly } from 'svelte/transition';
import { Beep } from '$wails/go/ui/UI.js';
import Icon from './icon.svelte';
export let show = true;
@ -35,6 +36,7 @@
}
function close() {
show = false;
dispatch('close');
}
</script>
@ -42,8 +44,8 @@
<svelte:window on:keydown={keydown} />
{#if show}
<div class="modal outer" on:pointerdown|self={Beep}>
<div class="inner" style:max-width={width || '80vw'}>
<div class="modal outer" on:pointerdown|self={Beep} transition:fade={{ duration: 200 }}>
<div class="inner" style:max-width={width || '80vw'} transition:fly={{ y: 20, duration: 200 }}>
{#if title}
<header>
<div class="title">{title}</div>