steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-02 16:52:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix overflow bug

Browse Source
This commit is contained in:
vcoppe
2024-07-05 22:13:33 +02:00
parent fcb81e2a96
commit ac20b5a6e7
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -544,8 +544,8 @@
</script> </script>
<div class="h-full grow min-w-0 flex flex-row gap-4 items-center {$$props.class ?? ''}"> <div class="h-full grow min-w-0 flex flex-row gap-4 items-center {$$props.class ?? ''}">
<div class="grow h-full min-w-0"> <div class="grow h-full min-w-0 relative">
<canvas bind:this={overlay} class="absolute pointer-events-none"></canvas> <canvas bind:this={overlay} class=" w-full h-full absolute pointer-events-none"></canvas>
<canvas bind:this={canvas} class="w-full h-full"></canvas> <canvas bind:this={canvas} class="w-full h-full"></canvas>
</div> </div>
<div class="h-full flex flex-col justify-center" style="width: {panelSize > 158 ? 22 : 42}px"> <div class="h-full flex flex-col justify-center" style="width: {panelSize > 158 ? 22 : 42}px">

28
website/src/routes/[...language]/about/+page.svelte
View File

@@ -57,7 +57,7 @@
{/each} {/each}
</svelte:head> </svelte:head>
<div class="flex flex-col gap-y-24 my-24"> <div class="space-y-24 my-24">
<div class="px-12 w-full flex flex-col items-center"> <div class="px-12 w-full flex flex-col items-center">
<div class="flex flex-col gap-6 items-center max-w-3xl"> <div class="flex flex-col gap-6 items-center max-w-3xl">
<div class="text-6xl font-black text-center">{$_('metadata.app_title')}</div> <div class="text-6xl font-black text-center">{$_('metadata.app_title')}</div>
@@ -147,23 +147,23 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p-6 md:p-12"> <div class="px-6 md:px-12">
<div class="text-center mb-6 [&>*>p]:text-muted-foreground"> <div class="text-center mb-6 [&>*>p]:text-muted-foreground">
<DocsLoader path="about/plot.md" /> <DocsLoader path="about/plot.md" />
</div> </div>
<div class="h-48 w-full">
<ElevationProfile
{gpxStatistics}
{slicedGPXStatistics}
additionalDatasets={$additionalDatasets}
elevationFill={$elevationFill}
panelSize={200}
distanceUnits={$distanceUnits}
velocityUnits={$velocityUnits}
temperatureUnits={$temperatureUnits}
/>
</div>
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<div class="h-48 w-full">
<ElevationProfile
{gpxStatistics}
{slicedGPXStatistics}
additionalDatasets={$additionalDatasets}
elevationFill={$elevationFill}
panelSize={200}
distanceUnits={$distanceUnits}
velocityUnits={$velocityUnits}
temperatureUnits={$temperatureUnits}
/>
</div>
<div class="h-10 w-fit"> <div class="h-10 w-fit">
<GPXStatistics <GPXStatistics
{gpxStatistics} {gpxStatistics}

2
website/tailwind.config.js
View File

@@ -52,7 +52,7 @@ const config = {
sans: [...fontFamily.sans] sans: [...fontFamily.sans]
}, },
screens: { screens: {
"xs": "500px", "xs": "540px",
} }
} }
}, },