Chore: Revamped Lib Files for Svelte 5 Rewrite

This commit is contained in:
Youwes09
2026-03-19 23:36:26 -05:00
parent 43630ef72d
commit 94b92d000f
12 changed files with 1127 additions and 2004 deletions
+17 -22
View File
@@ -1,34 +1,34 @@
<script lang="ts">
import { navPage, activeManga } from "../../store";
import Sidebar from "./Sidebar.svelte";
import Home from "../pages/Home.svelte";
import Library from "../pages/Library.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 Downloads from "../pages/Downloads.svelte";
import Extensions from "../pages/Extensions.svelte";
import History from "../pages/History.svelte";
import Search from "../pages/Search.svelte";
import Discover from "../pages/Discover.svelte";
import Downloads from "../pages/Downloads.svelte";
import Extensions from "../pages/Extensions.svelte";
</script>
<div class="root">
<Sidebar />
<main class="main">
{#if $activeManga}
{#if activeManga}
<SeriesDetail />
{:else if $navPage === "home"}
{:else if navPage === "home"}
<Home />
{:else if $navPage === "library"}
{:else if navPage === "library"}
<Library />
{:else if $navPage === "search"}
{:else if navPage === "search"}
<Search />
{:else if $navPage === "history"}
{:else if navPage === "history"}
<History />
{:else if $navPage === "explore" || $navPage === "sources"}
{:else if navPage === "explore" || navPage === "sources"}
<Discover />
{:else if $navPage === "downloads"}
{:else if navPage === "downloads"}
<Downloads />
{:else if $navPage === "extensions"}
{:else if navPage === "extensions"}
<Extensions />
{:else}
<Home />
@@ -38,10 +38,5 @@
<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;
}
.main { flex: 1; overflow: hidden; background: var(--bg-surface); transform: translateZ(0); contain: layout style; }
</style>