Spaces:
Runtime error
Runtime error
File size: 1,893 Bytes
9e93b10 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | <script lang="ts">
import Tooltip from "$lib/components/common/Tooltip.svelte";
import Plus from "$lib/components/icons/Plus.svelte";
import { REXPRO_BASE_URL } from "$lib/constants";
let selected = "";
</script>
<nav
aria-label="App navigation"
class="min-w-[4.5rem] bg-gray-50 dark:bg-gray-950 flex gap-2.5 flex-col pt-8"
>
<div class="flex justify-center relative">
{#if selected === "home"}
<div class="absolute top-0 left-0 flex h-full">
<div
class="my-auto rounded-r-lg w-1 h-8 bg-black dark:bg-white"
></div>
</div>
{/if}
<Tooltip content="Home" placement="right">
<button
aria-label="Home"
class=" cursor-pointer {selected === 'home'
? 'rounded-2xl'
: 'rounded-full'}"
on:click={() => {
selected = "home";
if (window.electronAPI) {
window.electronAPI.load("home");
}
}}
>
<img
src="{REXPRO_BASE_URL}/static/splash.png"
class="size-11 dark:invert p-0.5"
alt="logo"
draggable="false"
/>
</button>
</Tooltip>
</div>
<div
class=" -mt-1 border-[1.5px] border-gray-100 dark:border-gray-900 mx-4"
></div>
<div class="flex justify-center relative group">
{#if selected === ""}
<div class="absolute top-0 left-0 flex h-full">
<div
class="my-auto rounded-r-lg w-1 h-8 bg-black dark:bg-white"
></div>
</div>
{/if}
<button
aria-label="Chat"
class=" cursor-pointer bg-transparent"
on:click={() => {
selected = "";
}}
>
<img
src="{REXPRO_BASE_URL}/static/favicon.png"
class="size-10 {selected === ''
? 'rounded-2xl'
: 'rounded-full'}"
alt="logo"
draggable="false"
/>
</button>
</div>
<!-- <div class="flex justify-center relative group text-gray-400">
<button class=" cursor-pointer p-2" on:click={() => {}}>
<Plus className="size-4" strokeWidth="2" />
</button>
</div> -->
</nav>
|