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

Added a JSON viewer for items

Browse Source
This commit is contained in:
Romein van Buren
2023-01-15 12:02:17 +01:00
parent 6931e63f47
commit 5297f00635
10 changed files with 118 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,7 @@
</script>
{#if show}
<div class="modal outer" on:mousedown|self={close} transition:fade>
<div class="modal outer" on:mousedown|self={() => show = false} transition:fade>
<div class="inner" transition:fly={{ y: 100 }}>
<header>
{#if title}
@ -18,7 +18,7 @@
<Icon name="x" />
</button>
</header>
<div class="slot content" class:p-0={!contentPadding}> <slot /> </div>
<div class="slot content" class:padded={contentPadding}> <slot /> </div>
{#if $$slots.footerLeft || $$slots.footerRight}
<footer>
<slot name="footer" />
@ -52,6 +52,7 @@
margin-bottom: auto;
width: 100%;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-flow: column;
cursor: auto;
@ -79,10 +80,12 @@
}
.content {
padding: 1rem;
overflow-y: auto;
max-height: 100%;
}
.content.padded {
padding: 1rem;
}
footer {
padding: 1rem;