didirus/AstralRinth
3
9
Fork 20
Code Issues 2 Pull Requests Actions Packages Projects Releases 12 Wiki Activity

Run pnpm format

Browse Source
This commit is contained in:
venashial
2022-08-03 00:24:44 -07:00
parent e17eb02341
commit 13c417fcee
21 changed files with 579 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
theseus_gui/src/routes/library/instance/[id]/__layout.svelte
View File

@@ -1,49 +1,52 @@
<script lang="ts">
import VerticalNav from "$components/VerticalNav.svelte";
import IconPackage from 'virtual:icons/lucide/package'
import IconAdjustments from 'virtual:icons/heroicons-outline/adjustments'
import IconFileText from 'virtual:icons/lucide/file-text'
import VerticalNav from '$components/VerticalNav.svelte';
import IconPackage from 'virtual:icons/lucide/package';
import IconAdjustments from 'virtual:icons/heroicons-outline/adjustments';
import IconFileText from 'virtual:icons/lucide/file-text';
</script>
<div class="layout-instance">
<div class="instance-sidebar">
<VerticalNav level={3} items={[
<div class="instance-sidebar">
<VerticalNav
level={3}
items={[
{
label: 'Mods',
href: 'mods',
icon: IconPackage,
label: 'Mods',
href: 'mods',
icon: IconPackage
},
{
label: 'Settings',
href: 'settings',
icon: IconAdjustments,
label: 'Settings',
href: 'settings',
icon: IconAdjustments
},
{
label: 'Logs',
href: 'logs',
icon: IconFileText,
label: 'Logs',
href: 'logs',
icon: IconFileText
}
]}/>
</div>
]}
/>
</div>
<div class="layout-instance__page">
<slot />
</div>
<div class="layout-instance__page">
<slot />
</div>
</div>
<style lang="postcss">
.layout-instance {
display: grid;
grid-template-columns: 224px 1fr;
height: 100%;
.layout-instance {
display: grid;
grid-template-columns: 224px 1fr;
height: 100%;
&__page {
height: 100%;
background-color: var(--sub-page-bg);
}
&__page {
height: 100%;
background-color: var(--sub-page-bg);
}
}
.instance-sidebar {
padding: 16px;
}
.instance-sidebar {
padding: 16px;
}
</style>