adds list default thumbnail

This commit is contained in:
Christian Beutel
2024-12-16 21:15:52 +01:00
parent b0d136ccea
commit 43b6be8fb2
8 changed files with 46 additions and 73 deletions

View File

@@ -257,10 +257,8 @@
/>
{:else}
<div
class="flex items-center justify-center w-32 aspect-square rounded-full object-cover border border-gray-200"
>
<i class="fa fa-table-list text-5xl"></i>
</div>
class="w-32 aspect-square rounded-full bg-menu-item-background-focus border-gray-200"
></div>
{/if}
<button
class="btn-secondary"

View File

@@ -82,19 +82,14 @@
href="/lists?list={list.id}"
class="relative w-64 h-48 rounded-xl overflow-hidden group shrink-0"
>
{#if list.avatar}
<img
class="w-full h-full object-cover transition-transform group-hover:scale-110"
src={getFileURL(list, list.avatar)}
alt="avatar"
/>
{:else}
<div
class="flex w-16 md:w-20 aspect-square shrink-0 items-center justify-center"
>
<i class="fa fa-table-list text-5xl"></i>
</div>
{/if}
<img
class="w-full h-full object-cover transition-transform group-hover:scale-110"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
alt="avatar"
/>
<div
class="absolute bottom-0 w-full h-2/3 bg-gradient-to-b from-transparent to-black opacity-50"
></div>

View File

@@ -24,7 +24,7 @@
import {
lists_add_trail,
lists_index,
lists_remove_trail
lists_remove_trail,
} from "$lib/stores/list_store";
import { summitLog } from "$lib/stores/summit_log_store";
import { show_toast } from "$lib/stores/toast_store";
@@ -51,10 +51,7 @@
formatElevation,
formatTimeHHMM,
} from "$lib/util/format_util";
import {
fromFile,
gpx2trail
} from "$lib/util/gpx_util";
import { fromFile, gpx2trail } from "$lib/util/gpx_util";
import {
createAnchorMarker,
@@ -851,15 +848,14 @@
<div
class="flex gap-2 items-center border border-input-border rounded-xl p-2"
>
{#if list.avatar}
<img
class="w-8 aspect-square rounded-full object-cover"
src={getFileURL(list, list.avatar)}
alt="avatar"
/>
{:else}
<i class="fa fa-table-list text-2xl"></i>
{/if}
<img
class="w-8 aspect-square rounded-full object-cover"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
alt="avatar"
/>
<span class="text-sm">{list.name}</span>
</div>
{/if}