Initial commit
This commit is contained in:
22
client/src/components/Sidebar.svelte
Normal file
22
client/src/components/Sidebar.svelte
Normal file
@@ -0,0 +1,22 @@
|
||||
<script>
|
||||
import { Link } from "svelte-routing";
|
||||
export let menuOpen = false;
|
||||
</script>
|
||||
|
||||
<div class="sidebar" class:open={menuOpen}>
|
||||
<div class="logo">du.pe</div>
|
||||
<div class="menu">
|
||||
<Link to="/" class="item" getProps={({ isCurrent }) => ({ class: isCurrent ? "item active" : "item" })}>
|
||||
<i class="fa-solid fa-folder icon"></i> Files
|
||||
</Link>
|
||||
<Link to="/transfers" class="item" getProps={({ isCurrent }) => ({ class: isCurrent ? "item active" : "item" })}>
|
||||
<i class="fa-solid fa-arrow-down icon"></i> Transfers
|
||||
</Link>
|
||||
<Link to="/sharing" class="item" getProps={({ isCurrent }) => ({ class: isCurrent ? "item active" : "item" })}>
|
||||
<i class="fa-solid fa-share-nodes icon"></i> Sharing
|
||||
</Link>
|
||||
<Link to="/trash" class="item" getProps={({ isCurrent }) => ({ class: isCurrent ? "item active" : "item" })}>
|
||||
<i class="fa-solid fa-trash icon"></i> Trash
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user