Bastian-Greshake-Tzovaras/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
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"> <div class="absolute top-0 left-0 w-full h-full overflow-hidden">
<ImagePreview image={image} /> <ImagePreview image={image} />
</div> </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"> <div class="pointer-events-auto w-fit opacity-50 hover:opacity-100 transition-colors duration-200">
<ImageAttribution image={image} /> <ImageAttribution image={image} />
</div> </div>

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

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