feat(map): implement dynamic basemap URL based on theme; update map styles across components

This commit is contained in:
Sean Morley
2025-06-13 23:49:14 -04:00
parent badeac867d
commit d4c76f8718
11 changed files with 55 additions and 17 deletions

View File

@@ -280,14 +280,14 @@
{activeView === 'owned'
? 'No collections yet'
: activeView === 'shared'
? 'No shared collections'
? 'No shared collections.'
: 'No archived collections'}
</h3>
<p class="text-base-content/50 text-center max-w-md">
{activeView === 'owned'
? 'Create your first collection to organize your adventures and memories.'
: activeView === 'shared'
? 'Collections shared with you will appear here.'
? 'Make sure your profile is public so others can share with you.'
: 'Archived collections will appear here.'}
</p>
{#if activeView === 'owned'}
@@ -429,7 +429,7 @@
</div>
<!-- Quick Actions -->
<div class="space-y-3 mt-6">
<!-- <div class="space-y-3 mt-6">
<button
type="button"
class="btn btn-outline w-full gap-2"
@@ -438,7 +438,7 @@
<Archive class="w-4 h-4" />
{$t(`adventures.archived_collections`)}
</button>
</div>
</div> -->
</div>
</div>
</div>

View File

@@ -30,7 +30,8 @@
groupChecklistsByDate,
osmTagToEmoji,
groupLodgingByDate,
LODGING_TYPES_ICONS
LODGING_TYPES_ICONS,
getBasemapUrl
} from '$lib';
import ChecklistCard from '$lib/components/ChecklistCard.svelte';
import ChecklistModal from '$lib/components/ChecklistModal.svelte';
@@ -1233,7 +1234,7 @@
<div class="card-body">
<h2 class="card-title text-3xl justify-center mb-4">Trip Map</h2>
<MapLibre
style="https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
style={getBasemapUrl()}
class="aspect-[9/16] max-h-[70vh] sm:aspect-video sm:max-h-full w-full rounded-lg"
standardControls
>
@@ -1459,7 +1460,7 @@
{#if recomendationsData}
<MapLibre
style="https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
style={getBasemapUrl()}
class="aspect-[9/16] max-h-[70vh] sm:aspect-video sm:max
-h-full w-full rounded-lg"
standardControls