diff options
| author | Jakob Stendahl <14180120+JakobST1n@users.noreply.github.com> | 2021-10-11 20:02:04 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-11 20:02:04 +0200 |
| commit | c67531161e56488166a33232f87566309ba8676e (patch) | |
| tree | 846e59a020e80bea48557d5a06af5728e44961ff /src_frontend/Components/Editor/Pane.svelte | |
| parent | e6880cd8ccf82d993f222cb14b4860581654acb8 (diff) | |
| parent | c1b6eec770b885a9829e1f62bad5cc99389ca429 (diff) | |
| download | Luxcena-Neo-c67531161e56488166a33232f87566309ba8676e.tar.gz Luxcena-Neo-c67531161e56488166a33232f87566309ba8676e.zip | |
Merge pull request #24 from JakobST1n/rebuild
v1.0.0
Diffstat (limited to 'src_frontend/Components/Editor/Pane.svelte')
| -rw-r--r-- | src_frontend/Components/Editor/Pane.svelte | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/src_frontend/Components/Editor/Pane.svelte b/src_frontend/Components/Editor/Pane.svelte new file mode 100644 index 0000000..143c569 --- /dev/null +++ b/src_frontend/Components/Editor/Pane.svelte @@ -0,0 +1,41 @@ +<script> + export let header; + export let padding = true; + export let scrollable = true; +</script> + +<style> + .box { + background-color: #444242; + border-radius: 5px; + height: 100%; + } + .header { + width: 100%; + padding: 10px; + box-sizing: border-box; + border-bottom: 1px solid #333333; + } + .header h1 { + margin: 0; + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + } + .content { + height: calc(100% - 35px); + width: 100%; + box-sizing: border-box; + } + .padding { padding: 15px; } + .scrollable { overflow: auto; } +</style> + +<div class="box"> + <div class="header"> + <h1>{header}</h1> + </div> + <div class="content" class:padding={padding} class:scrollable={scrollable}> + <slot></slot> + </div> +</div>
\ No newline at end of file |