mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-08-31 23:53:25 +00:00
change name of img parameter
This commit is contained in:
@@ -1,23 +1,23 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export let img: 'getting-started/interface' | 'tools/routing' | 'tools/split';
|
export let src: 'getting-started/interface' | 'tools/routing' | 'tools/split';
|
||||||
export let alt: string;
|
export let alt: string;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex flex-col items-center py-6 w-full">
|
<div class="flex flex-col items-center py-6 w-full">
|
||||||
<div class="rounded-md overflow-hidden overflow-clip shadow-xl mx-auto">
|
<div class="rounded-md overflow-hidden overflow-clip shadow-xl mx-auto">
|
||||||
{#if img === 'getting-started/interface'}
|
{#if src === 'getting-started/interface'}
|
||||||
<enhanced:img
|
<enhanced:img
|
||||||
src="/src/lib/assets/img/docs/getting-started/interface.png"
|
src="/src/lib/assets/img/docs/getting-started/interface.png"
|
||||||
{alt}
|
{alt}
|
||||||
class="w-full max-w-3xl"
|
class="w-full max-w-3xl"
|
||||||
/>
|
/>
|
||||||
{:else if img === 'tools/routing'}
|
{:else if src === 'tools/routing'}
|
||||||
<enhanced:img
|
<enhanced:img
|
||||||
src="/src/lib/assets/img/docs/tools/routing.png"
|
src="/src/lib/assets/img/docs/tools/routing.png"
|
||||||
{alt}
|
{alt}
|
||||||
class="w-full max-w-3xl"
|
class="w-full max-w-3xl"
|
||||||
/>
|
/>
|
||||||
{:else if img === 'tools/split'}
|
{:else if src === 'tools/split'}
|
||||||
<enhanced:img src="/src/lib/assets/img/docs/tools/split.png" {alt} class="w-full max-w-3xl" />
|
<enhanced:img src="/src/lib/assets/img/docs/tools/split.png" {alt} class="w-full max-w-3xl" />
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
@@ -11,7 +11,7 @@ title: Getting started
|
|||||||
Welcome to the official guide for **gpx.studio**!
|
Welcome to the official guide for **gpx.studio**!
|
||||||
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
|
||||||
|
|
||||||
<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
|
<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
|
||||||
|
|
||||||
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
As shown in the screenshot above, the interface is divided into four main sections organized around the map.
|
||||||
Before we dive into the details of each section, let's have a quick overview of the interface.
|
Before we dive into the details of each section, let's have a quick overview of the interface.
|
||||||
|
@@ -61,7 +61,7 @@ This allows the route to be edited at different levels of detail.
|
|||||||
|
|
||||||
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
|
||||||
|
|
||||||
<DocsImage img="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
|
||||||
|
|
||||||
## Additional tools
|
## Additional tools
|
||||||
|
|
||||||
|
@@ -29,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
|
|||||||
|
|
||||||
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
|
||||||
|
|
||||||
<DocsImage img="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
|
||||||
|
Reference in New Issue
Block a user