brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adds empty states for missing trail info

Browse Source
This commit is contained in:
Christian Beutel
2025-01-04 18:10:37 +01:00
parent 2cc01744da
commit 36a3040e51
18 changed files with 205 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/lib/components/empty_states/empty_state_photos.svelte Normal file
View File

@@ -0,0 +1,19 @@
<script lang="ts">
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import { theme } from "$lib/stores/theme_store";
import { _ } from "svelte-i18n";
export let width: number = 192;
</script>
<div class="flex flex-col justify-center items-center gap-y-4">
<img
style="width: {width}px"
class="rounded-full aspect-square"
src={$theme === "light" ? emptyStateTrailLight : emptyStateTrailDark}
alt="Empty State showing a wanderer going into the distance"
/>
<h3 class="text-xl font-medium text-center text-gray-500">{$_("no-photos-here")}...</h3>
</div>