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

Hosts and settings

Browse Source
This commit is contained in:
Romein van Buren
2023-01-18 20:59:00 +01:00
parent 2603e6350e
commit b8f1f241f1
12 changed files with 413 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,6 +5,7 @@
export let show = false;
export let title = undefined;
export let contentPadding = true;
export let width = '80vw';
function keydown(event) {
if (event.key === 'Escape') {
@ -17,7 +18,7 @@
{#if show}
<div class="modal outer" on:mousedown|self={() => show = false} transition:fade>
<div class="inner" transition:fly={{ y: 100 }}>
<div class="inner" style:max-width={width || '80vw'} transition:fly={{ y: 100 }}>
{#if title}
<header>
<div class="title">{title}</div>
@ -55,7 +56,6 @@
}
.inner {
max-width: 80vw;
max-height: 80vh;
background-color: #fff;
margin-left: auto;