diff options
| author | jakob.stendahl <jakob.stendahl@infomedia.dk> | 2022-12-04 13:33:45 +0100 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2022-12-04 13:34:22 +0100 |
| commit | c3b4742eeceee9250f8059972dd150f38e2eb021 (patch) | |
| tree | edde9ea65b554ff345788a916f238aed4a772b35 /src_frontend/Components/Editor/Pane.svelte | |
| parent | c5dc2dfb92e4a6584d1e727bc39b8c9578f85b57 (diff) | |
| download | Luxcena-Neo-c3b4742eeceee9250f8059972dd150f38e2eb021.tar.gz Luxcena-Neo-c3b4742eeceee9250f8059972dd150f38e2eb021.zip | |
Fix simulation stuttering (still resource intensive) and some oter QOL upgrades
Diffstat (limited to 'src_frontend/Components/Editor/Pane.svelte')
| -rw-r--r-- | src_frontend/Components/Editor/Pane.svelte | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src_frontend/Components/Editor/Pane.svelte b/src_frontend/Components/Editor/Pane.svelte index 143c569..4a375ac 100644 --- a/src_frontend/Components/Editor/Pane.svelte +++ b/src_frontend/Components/Editor/Pane.svelte @@ -2,11 +2,14 @@ export let header; export let padding = true; export let scrollable = true; + + export let contentBackground = "--default-bg"; </script> <style> .box { - background-color: #444242; + --default-bg: #444242; + background-color: var(--default-bg, #444242); border-radius: 5px; height: 100%; } @@ -15,14 +18,18 @@ padding: 10px; box-sizing: border-box; border-bottom: 1px solid #333333; + display: flex; + align-items: baseline; } .header h1 { margin: 0; + margin-right: auto; font-size: 12px; font-weight: bold; text-transform: uppercase; } .content { + background-color: var(--content-bg, #444242); height: calc(100% - 35px); width: 100%; box-sizing: border-box; @@ -31,11 +38,12 @@ .scrollable { overflow: auto; } </style> -<div class="box"> +<div class="box" style="--content-bg: {contentBackground}"> <div class="header"> <h1>{header}</h1> + <slot name="actions"></slot> </div> <div class="content" class:padding={padding} class:scrollable={scrollable}> <slot></slot> </div> -</div>
\ No newline at end of file +</div> |