36 lines
955 B
Svelte
36 lines
955 B
Svelte
<script>
|
|
import { Router, Route } from "svelte-routing";
|
|
import Sidebar from "./components/Sidebar.svelte";
|
|
import Topbar from "./components/Topbar.svelte";
|
|
import Files from "./routes/Files.svelte";
|
|
import Transfers from "./routes/Transfers.svelte";
|
|
import Sharing from "./routes/Sharing.svelte";
|
|
import Trash from "./routes/Trash.svelte";
|
|
|
|
let menuOpen = false;
|
|
const toggleMenu = () => {
|
|
menuOpen = !menuOpen;
|
|
};
|
|
</script>
|
|
|
|
<Router>
|
|
<div class="app">
|
|
<Sidebar {menuOpen} />
|
|
<div class="content">
|
|
<Topbar on:toggleMenu={toggleMenu} />
|
|
<Route path="/" component={Files} />
|
|
<Route path="/transfers" component={Transfers} />
|
|
<Route path="/sharing" component={Sharing} />
|
|
<Route path="/trash" component={Trash} />
|
|
</div>
|
|
{#if menuOpen}
|
|
<div
|
|
class="backdrop show"
|
|
on:click={() => {
|
|
menuOpen = false;
|
|
}}
|
|
></div>
|
|
{/if}
|
|
</div>
|
|
</Router>
|