change routing menu minimize

This commit is contained in:
vcoppe
2024-06-10 16:56:50 +02:00
parent 69a945aa4d
commit 093032cc26

View File

@@ -16,8 +16,8 @@
Home,
RouteOff,
Repeat,
Maximize2,
Minimize2
SquareArrowUpLeft,
SquareArrowOutDownRight
} from 'lucide-svelte';
import { map, routingControls } from '$lib/stores';
@@ -69,12 +69,11 @@
{#if $minimizeRoutingMenu}
<div class="-m-1.5 -mb-2">
<Button variant="ghost" class="px-1 h-[26px]" on:click={() => ($minimizeRoutingMenu = false)}>
<Maximize2 size="18" />
<SquareArrowOutDownRight size="18" />
</Button>
</div>
{:else}
<div class="flex flex-col gap-3 max-w-80" in:flyAndScale={{ x: -2, y: 0, duration: 50 }}>
<div class="w-full flex flex-row gap-2 justify-between">
<div class="grow flex flex-col gap-3">
<Tooltip>
<Label slot="data" class="w-full flex flex-row justify-between items-center gap-2">
@@ -128,10 +127,6 @@
</div>
{/if}
</div>
<Button variant="ghost" class="px-1 h-6" on:click={() => ($minimizeRoutingMenu = true)}>
<Minimize2 size="14" />
</Button>
</div>
<div class="flex flex-row flex-wrap justify-center gap-1">
<Tooltip>
<Button
@@ -176,6 +171,7 @@
<span slot="tooltip">{$_('toolbar.routing.round_trip.tooltip')}</span>
</Tooltip>
</div>
<div class="w-full flex flex-row gap-2 items-end justify-between">
<Help>
{#if $selection.size > 1}
<div>{$_('toolbar.routing.help_multiple_files')}</div>
@@ -185,5 +181,9 @@
<div>{$_('toolbar.routing.help')}</div>
{/if}
</Help>
<Button variant="ghost" class="px-1 h-6" on:click={() => ($minimizeRoutingMenu = true)}>
<SquareArrowUpLeft size="18" />
</Button>
</div>
</div>
{/if}