mess around

This commit is contained in:
2024-01-04 00:20:20 +01:00
parent febab6e561
commit 09a943bc6c
10 changed files with 750 additions and 262 deletions

View File

@@ -1,27 +1,31 @@
<script>
import Sidebar from './Sidebar.svelte';
export let data;
import Sidebar from './Sidebar.svelte';
export let data;
</script>
<div id="mainContainer">
<div id="sidebar"><Sidebar streams={data.streams} /></div>
<div id="content"><slot /></div>
<div id="sidebar" class="panel"><Sidebar streams={data.streams} /></div>
<div id="content"><slot /></div>
</div>
<style>
#mainContainer {
display: grid;
grid-template-columns: 25% 75%;
height: 100vh;
}
#sidebar {
grid-column: 1;
height: 100%;
overflow: auto;
overflow-wrap: break-word;
}
#mainContainer {
display: grid;
grid-template-columns: 25% 75%;
height: 100vh;
}
#sidebar {
grid-column: 1;
height: calc(100vh - 1em);
overflow: auto;
overflow-wrap: break-word;
margin: 0.5em;
scrollbar-gutter: stable;
}
#content {
grid-column: 2;
}
#content {
grid-column: 2;
margin: 0.5em;
margin-left: 0em;
}
</style>