c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-28 06:31:58 +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 readonly = false;
export let showArchiveIcon = false; export let showArchiveIcon = false;
export let showStackedIcon = true; export let showStackedIcon = true;
export let href: string | undefined = undefined;
export let onClick: ((asset: AssetResponseDto) => void) | undefined = undefined; export let onClick: ((asset: AssetResponseDto) => void) | undefined = undefined;
let className = ''; let className = '';
@ -99,7 +100,7 @@
<IntersectionObserver once={false} on:intersected let:intersecting> <IntersectionObserver once={false} on:intersected let:intersecting>
<a <a
href={currentUrlReplaceAssetId(asset.id)} href={href ?? currentUrlReplaceAssetId(asset.id)}
style:width="{width}px" style:width="{width}px"
style:height="{height}px" style:height="{height}px"
class="group focus-visible:outline-none flex overflow-hidden {disabled 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>
<div class="flex flex-row flex-wrap gap-4"> <div class="flex flex-row flex-wrap gap-4">
{#each places as item (item.data.id)} {#each places as item (item.data.id)}
<a class="relative" href="{AppRoute.SEARCH}?{getMetadataSearchQuery({ city: item.value })}" draggable="false"> <div class="relative">
<div <div
class="flex w-[calc((100vw-(72px+5rem))/2)] max-w-[156px] justify-center overflow-hidden rounded-xl brightness-75 filter" 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> </div>
<span <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" 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} {item.value}
</span> </span>
</a> </div>
{/each} {/each}
</div> </div>
</div> </div>