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

adds new empty states

Browse Source
This commit is contained in:
Christian Beutel
2025-01-04 17:05:35 +01:00
parent 474e21ae55
commit a704db6366
32 changed files with 306 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/lib/components/empty_states/empty_state_search.svelte
View File

@@ -1,4 +1,8 @@
<script lang="ts">
import emptyStateSearchDark from "$lib/assets/svgs/empty_states/empty_state_search_dark.svg";
import emptyStateSearchLight from "$lib/assets/svgs/empty_states/empty_state_search_light.svg";
import { theme } from "$lib/stores/theme_store";
import { _ } from "svelte-i18n";
export let width: number = 256;
</script>
@@ -7,9 +11,9 @@
<img
style="width: {width}px"
class="rounded-full aspect-square"
src="/imgs/empty_state.png"
src={$theme === "light" ? emptyStateSearchLight : emptyStateSearchDark}
alt="Empty State showing a wanderer going into the distance"
/>
<h3 class="text-2xl font-semibold text-center">{$_("no-results")}</h3>
<h3 class="text-2xl font-semibold text-center text-gray-500">{$_("no-results")}</h3>
</div>