mirror of
https://github.com/moku-project/Moku.git
synced 2026-06-13 09:19:56 -05:00
Youwes09
46 lines
1.6 KiB
Svelte
46 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import { store } from "../../store/state.svelte";
|
|
import Sidebar from "./Sidebar.svelte";
|
|
import Home from "../pages/Home.svelte";
|
|
import Library from "../pages/Library.svelte";
|
|
import SeriesDetail from "../pages/SeriesDetail.svelte";
|
|
import History from "../pages/History.svelte";
|
|
import Search from "../pages/Search.svelte";
|
|
import Discover from "../pages/Discover.svelte";
|
|
import GenreDrillPage from "../pages/GenreDrillPage.svelte";
|
|
import Downloads from "../pages/Downloads.svelte";
|
|
import Extensions from "../pages/Extensions.svelte";
|
|
</script>
|
|
|
|
<div class="root">
|
|
<Sidebar />
|
|
<main class="main">
|
|
{#if store.activeManga}
|
|
<SeriesDetail />
|
|
{:else if store.navPage === "home"}
|
|
<Home />
|
|
{:else if store.navPage === "library"}
|
|
<Library />
|
|
{:else if store.navPage === "search"}
|
|
<Search />
|
|
{:else if store.navPage === "history"}
|
|
<History />
|
|
{:else if (store.navPage === "explore" || store.navPage === "sources") && store.genreFilter}
|
|
<GenreDrillPage />
|
|
{:else if store.navPage === "explore" || store.navPage === "sources"}
|
|
<Discover />
|
|
{:else if store.navPage === "downloads"}
|
|
<Downloads />
|
|
{:else if store.navPage === "extensions"}
|
|
<Extensions />
|
|
{:else}
|
|
<Home />
|
|
{/if}
|
|
</main>
|
|
</div>
|
|
|
|
<style>
|
|
.root { display: flex; height: 100%; background: var(--bg-base); overflow: hidden; }
|
|
.main { flex: 1; overflow: hidden; background: var(--bg-surface); transform: translateZ(0); contain: layout style; }
|
|
</style>
|