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