Spaces:
Running
Running
File size: 1,268 Bytes
18b0fa5 |
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 |
<script lang="ts">
import AddRobotButton from "@/components/interface/overlay/AddRobotButton.svelte";
import SettingsButton from "@/components/interface/overlay/SettingsButton.svelte";
import SettingsSheet from "@/components/interface/overlay/settingsSheet.svelte";
interface Props {
addRobotDropdownMenuOpen?: boolean;
settingsOpen?: boolean;
}
let { addRobotDropdownMenuOpen = $bindable(false), settingsOpen = $bindable(false) }: Props =
$props();
</script>
<!-- Button Bar Container -->
<div class="fixed top-4 left-4 z-50 flex gap-2">
<!-- Add Robot Button Group -->
<div class="flex items-center justify-center gap-2 overflow-hidden rounded-lg shadow-lg">
<!-- Logo/Favicon -->
<div class="flex items-center justify-center">
<!-- From /favicon_1024.png -->
<img src="/favicon_1024.png" alt="Logo" draggable="false" class="h-10 w-10 invert" />
</div>
<!-- Add robot button and dropdown menu (Top Left) -->
<div class="flex items-center justify-center">
<AddRobotButton bind:open={addRobotDropdownMenuOpen} />
</div>
</div>
</div>
<div class="fixed top-4 right-4 z-50">
<!-- Settings Button and Sheet (Top Right, Left Side) -->
<SettingsButton bind:open={settingsOpen} />
</div>
<SettingsSheet bind:open={settingsOpen} />
|