migu/src/renderer/src/lib/Router.svelte
2022-03-18 15:33:54 +01:00

33 lines
791 B
Svelte

<script context="module">
import { writable } from 'svelte/store'
export const files = writable([])
</script>
<script>
import { getContext } from 'svelte'
import Home from './pages/home/Home.svelte'
import Player from './pages/Player.svelte'
import Settings from './pages/Settings.svelte'
export let page = 'home'
const current = getContext('gallery')
</script>
<div class="overflow-y-hidden content-wrapper">
<Player files={$files} miniplayer={page !== 'player'} bind:page />
{#if page === 'settings'}
<Settings />
{:else if page === 'home'}
<Home bind:current={$current} />
{/if}
</div>
<style>
.content-wrapper {
will-change: width;
}
:global(.nav-hidden) > .content-wrapper {
left: 0 !important;
width: 100% !important;
}
</style>