c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-27 14:11:59 +00:00
Code Releases Activity

fix(web): cannot click on explore place (#10121)

Browse source
This commit is contained in:
Alex 2024-06-11 08:32:39 -05:00 committed by GitHub
parent 8cf8a2cb35
commit eba166a2f1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/src/lib/components/assets/thumbnail/thumbnail.svelte
View file

@ -43,6 +43,7 @@
export let readonly = false;
export let showArchiveIcon = false;
export let showStackedIcon = true;
export let href: string | undefined = undefined;
export let onClick: ((asset: AssetResponseDto) => void) | undefined = undefined;
let className = '';
@ -99,7 +100,7 @@
<IntersectionObserver once={false} on:intersected let:intersecting>
<a
href={currentUrlReplaceAssetId(asset.id)}
href={href ?? currentUrlReplaceAssetId(asset.id)}
style:width="{width}px"
style:height="{height}px"
class="group focus-visible:outline-none flex overflow-hidden {disabled

11
web/src/routes/(user)/explore/+page.svelte
View file

@ -86,18 +86,23 @@
</div>
<div class="flex flex-row flex-wrap gap-4">
{#each places as item (item.data.id)}
<a class="relative" href="{AppRoute.SEARCH}?{getMetadataSearchQuery({ city: item.value })}" draggable="false">
<div class="relative">
<div
class="flex w-[calc((100vw-(72px+5rem))/2)] max-w-[156px] justify-center overflow-hidden rounded-xl brightness-75 filter"
>
<Thumbnail thumbnailSize={156} asset={item.data} readonly />
<Thumbnail
thumbnailSize={156}
asset={item.data}
readonly
href="{AppRoute.SEARCH}?{getMetadataSearchQuery({ city: item.value })}"
/>
</div>
<span
class="w-100 absolute bottom-2 w-full text-ellipsis px-1 text-center text-sm font-medium capitalize text-white backdrop-blur-[1px] hover:cursor-pointer"
>
{item.value}
</span>
</a>
</div>
{/each}
</div>
</div>