steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-08-31 15:43:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

finish tools docs

Browse Source
This commit is contained in:
vcoppe
2024-07-10 15:09:52 +02:00
parent cb4abedc16
commit 7daf26aa5f
17 changed files with 133 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
website/src/lib/components/toolbar/tools/Time.svelte
View File

@@ -160,10 +160,10 @@
$selection.size === 1 && $selection.hasAnyChildren(new ListRootItem(), true, ['waypoints']);
</script>
<div class="flex flex-col gap-3 w-96 {$$props.class ?? ''}">
<div class="flex flex-col gap-3 w-full max-w-80 {$$props.class ?? ''}">
<fieldset class="flex flex-col gap-2">
<div class="flex flex-row gap-2 justify-center">
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-2 grow">
<Label for="speed" class="flex flex-row">
<Zap size="16" class="mr-1" />
{#if $velocityUnits === 'speed'}
@@ -207,7 +207,7 @@
{/if}
</div>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-2 grow">
<Label for="duration" class="flex flex-row">
<Timer size="16" class="mr-1" />
{$_('toolbar.time.total_time')}
@@ -229,7 +229,7 @@
disabled={!canUpdate}
locale={get(locale) ?? 'en'}
placeholder={$_('toolbar.time.pick_date')}
class="w-[211px]"
class="w-fit grow"
onValueChange={async () => {
await tick();
updateEnd();
@@ -240,7 +240,7 @@
step={1}
disabled={!canUpdate}
bind:value={startTime}
class="w-[100px]"
class="w-fit"
on:input={updateEnd}
/>
</div>
@@ -254,7 +254,7 @@
disabled={!canUpdate}
locale={get(locale) ?? 'en'}
placeholder={$_('toolbar.time.pick_date')}
class="w-[211px]"
class="w-fit grow"
onValueChange={async () => {
await tick();
updateStart();
@@ -265,7 +265,7 @@
step={1}
disabled={!canUpdate}
bind:value={endTime}
class="w-[100px]"
class="w-fit"
on:change={updateStart}
/>
</div>