From 43b6be8fb2d13a50766ea62e6b60f03604f0e64d Mon Sep 17 00:00:00 2001 From: Christian Beutel <> Date: Mon, 16 Dec 2024 21:15:52 +0100 Subject: [PATCH] adds list default thumbnail --- web/src/lib/components/list/list_card.svelte | 25 +++++++----------- web/src/lib/components/list/list_panel.svelte | 18 +++++-------- .../components/list/list_select_modal.svelte | 23 +++++++--------- .../components/profile/activity_card.svelte | 2 +- web/src/routes/lists/edit/[id]/+page.svelte | 6 ++--- web/src/routes/profile/[id]/+page.svelte | 21 ++++++--------- web/src/routes/trail/edit/[id]/+page.svelte | 24 +++++++---------- web/static/imgs/default_list_thumbnail.webp | Bin 0 -> 233786 bytes 8 files changed, 46 insertions(+), 73 deletions(-) create mode 100644 web/static/imgs/default_list_thumbnail.webp diff --git a/web/src/lib/components/list/list_card.svelte b/web/src/lib/components/list/list_card.svelte index 768daa39..18902a6e 100644 --- a/web/src/lib/components/list/list_card.svelte +++ b/web/src/lib/components/list/list_card.svelte @@ -38,24 +38,17 @@ class="flex items-start gap-6 p-4 hover:bg-menu-item-background-hover rounded-xl transition-colors cursor-pointer" class:bg-menu-item-background-hover={active} > - {#if list.avatar} - avatar - {:else} -
- -
- {/if} + avatar +
-
+
{list.name}
{#if list.public} diff --git a/web/src/lib/components/list/list_panel.svelte b/web/src/lib/components/list/list_panel.svelte index 7f4bb60e..4e3b9229 100644 --- a/web/src/lib/components/list/list_panel.svelte +++ b/web/src/lib/components/list/list_panel.svelte @@ -111,17 +111,13 @@ >
{/if} - {#if list.avatar} - avatar - {:else} -
- -
- {/if} + avatar
diff --git a/web/src/lib/components/list/list_select_modal.svelte b/web/src/lib/components/list/list_select_modal.svelte index a18eee7f..144e64bc 100644 --- a/web/src/lib/components/list/list_select_modal.svelte +++ b/web/src/lib/components/list/list_select_modal.svelte @@ -6,7 +6,7 @@ import { getFileURL } from "$lib/util/file_util"; import { _ } from "svelte-i18n"; import Modal from "../base/modal.svelte"; - + export let lists: List[]; export let openModal: (() => void) | undefined = undefined; @@ -41,19 +41,14 @@ on:click={() => handleSelect(list)} role="presentation" > - {#if list.avatar} - avatar - {:else} -
- -
- {/if} + avatar +
{list.name}
-
+
{:else}
- -
+ class="w-32 aspect-square rounded-full bg-menu-item-background-focus border-gray-200" + >
{/if}