mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-02 16:52:31 +00:00
change routing menu minimize
This commit is contained in:
@@ -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}
|
||||||
|
Reference in New Issue
Block a user