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

elevation toggles back to col

Browse Source
This commit is contained in:
vcoppe
2024-04-26 19:45:16 +02:00
parent f0b963692c
commit eae83faa3d
3 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/lib/components/App.svelte
View File

@@ -18,7 +18,7 @@
<GPXLayers />
<FileList />
</div>
<div class="h-60 flex flex-row gap-2 overflow-hidden">
<div class="h-48 flex flex-row gap-2 overflow-hidden">
<GPXData />
<ElevationProfile />
</div>

40
website/src/lib/components/ElevationProfile.svelte
View File

@@ -407,29 +407,29 @@
});
</script>
<div class="h-full grow min-w-0 flex flex-col items-center py-2 pr-4">
<div class="w-full grow min-h-0">
<div class="h-full grow min-w-0 flex flex-row gap-4 items-center py-2 pr-4">
<div class="h-full grow min-w-0">
<canvas bind:this={canvas} class="w-full h-full"> </canvas>
</div>
<div class="w-fit flex flex-row border rounded -mt-3.5">
<ToggleGroup.Root class="gap-0" type="single" bind:value={elevationFill}>
<ToggleGroup.Item class="p-0 w-8 h-8" value="slope">
<Tooltip>
<div class="w-fit flex flex-col border rounded">
<ToggleGroup.Root class="flex-col gap-0" type="single" bind:value={elevationFill}>
<ToggleGroup.Item class="p-0 w-6 h-6" value="slope">
<Tooltip side="left">
<TriangleRight slot="data" size="16" />
<span slot="tooltip">{$_('chart.show_slope')}</span>
</Tooltip>
</ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="surface">
<Tooltip>
<ToggleGroup.Item class="p-0 w-6 h-6" value="surface">
<Tooltip side="left">
<BrickWall slot="data" size="16" />
<span slot="tooltip">{$_('chart.show_surface')}</span>
</Tooltip>
</ToggleGroup.Item>
</ToggleGroup.Root>
<Separator orientation="vertical" />
<ToggleGroup.Root class="gap-0" type="multiple" bind:value={additionalDatasets}>
<ToggleGroup.Item class="p-0 w-8 h-8" value="speed">
<Tooltip>
<Separator />
<ToggleGroup.Root class="flex-col gap-0" type="multiple" bind:value={additionalDatasets}>
<ToggleGroup.Item class="p-0 w-6 h-6" value="speed">
<Tooltip side="left">
<Zap slot="data" size="16" />
<span slot="tooltip"
>{$settings.velocityUnits === 'speed'
@@ -438,26 +438,26 @@
>
</Tooltip>
</ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="hr">
<Tooltip>
<ToggleGroup.Item class="p-0 w-6 h-6" value="hr">
<Tooltip side="left">
<HeartPulse slot="data" size="16" />
<span slot="tooltip">{$_('chart.show_heartrate')}</span>
</Tooltip>
</ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="cad">
<Tooltip>
<ToggleGroup.Item class="p-0 w-6 h-6" value="cad">
<Tooltip side="left">
<Orbit slot="data" size="16" />
<span slot="tooltip">{$_('chart.show_cadence')}</span>
</Tooltip>
</ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="atemp">
<Tooltip>
<ToggleGroup.Item class="p-0 w-6 h-6" value="atemp">
<Tooltip side="left">
<Thermometer slot="data" size="16" />
<span slot="tooltip">{$_('chart.show_temperature')}</span>
</Tooltip>
</ToggleGroup.Item>
<ToggleGroup.Item class="p-0 w-8 h-8" value="power">
<Tooltip>
<ToggleGroup.Item class="p-0 w-6 h-6" value="power">
<Tooltip side="left">
<SquareActivity slot="data" size="16" />
<span slot="tooltip">{$_('chart.show_power')}</span>
</Tooltip>

2
website/src/lib/components/GPXData.svelte
View File

@@ -23,7 +23,7 @@
}
</script>
<Card.Root class="h-full overflow-hidden border-none min-w-48 pl-4">
<Card.Root class="h-full overflow-hidden border-none shadow-none min-w-48 pl-4">
<Card.Content class="h-full flex flex-col flex-wrap gap-4 justify-center p-0">
<Tooltip>
<span slot="data" class="flex flex-row items-center">