midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UX tweaks

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-12-06 13:47:20 +01:00
parent 24581e42ca
commit d1a6c11513
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/UI/Image/ImageOperations.svelte
View file

@ -24,7 +24,7 @@ async function download() {
<div class="absolute top-0 left-0 w-full h-full overflow-hidden">
<ImagePreview image={image} />
</div>
<div class="absolute bottom-0 left-0 w-full pointer-events-none flex justify-between items-end">
<div class="absolute bottom-0 left-0 w-full pointer-events-none flex flex-wrap justify-between items-end">
<div class="pointer-events-auto w-fit opacity-50 hover:opacity-100 transition-colors duration-200">
<ImageAttribution image={image} />
</div>

5
src/UI/Image/ImagePreview.svelte
View file

@ -15,7 +15,8 @@
panzoomInstance = panzoom(panzoomEl, { bounds: true,
boundsPadding: 1,
minZoom: 1,
maxZoom: 25
maxZoom: 25,
initialZoom: 1.2
})
} else {
panzoomInstance?.dispose()
@ -24,4 +25,4 @@
</script>
<img bind:this={panzoomEl} src={image.url}/>
<img bind:this={panzoomEl} src={image.url} class="w-fit h-fit"/>