mirror of
				https://github.com/gpxstudio/gpx.studio.git
				synced 2025-11-04 05:21:09 +00:00 
			
		
		
		
	change name of img parameter
This commit is contained in:
		@@ -1,23 +1,23 @@
 | 
			
		||||
<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;
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<div class="flex flex-col items-center py-6 w-full">
 | 
			
		||||
	<div class="rounded-md overflow-hidden overflow-clip shadow-xl mx-auto">
 | 
			
		||||
		{#if img === 'getting-started/interface'}
 | 
			
		||||
		{#if src === 'getting-started/interface'}
 | 
			
		||||
			<enhanced:img
 | 
			
		||||
				src="/src/lib/assets/img/docs/getting-started/interface.png"
 | 
			
		||||
				{alt}
 | 
			
		||||
				class="w-full max-w-3xl"
 | 
			
		||||
			/>
 | 
			
		||||
		{:else if img === 'tools/routing'}
 | 
			
		||||
		{:else if src === 'tools/routing'}
 | 
			
		||||
			<enhanced:img
 | 
			
		||||
				src="/src/lib/assets/img/docs/tools/routing.png"
 | 
			
		||||
				{alt}
 | 
			
		||||
				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" />
 | 
			
		||||
		{/if}
 | 
			
		||||
	</div>
 | 
			
		||||
 
 | 
			
		||||
@@ -11,7 +11,7 @@ title: Getting started
 | 
			
		||||
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.
 | 
			
		||||
 | 
			
		||||
<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. 
 | 
			
		||||
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.
 | 
			
		||||
 | 
			
		||||
<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
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -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).
 | 
			
		||||
 | 
			
		||||
<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