midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UX: some style tweaks to images

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-01-16 04:21:46 +01:00
parent d14b699389
commit 876c766130
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,7 +18,7 @@
export let previewedImage: UIEventSource<ProvidedImage> = undefined export let previewedImage: UIEventSource<ProvidedImage> = undefined
</script> </script>
<div class="relative"> <div class="relative shrink-0">
<img <img
bind:this={imgEl} bind:this={imgEl}
class={imgClass ?? ""} class={imgClass ?? ""}

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

@ -20,7 +20,7 @@
panzoomInstance = panzoom(panzoomEl, { panzoomInstance = panzoom(panzoomEl, {
bounds: true, bounds: true,
boundsPadding: 0.49, boundsPadding: 0.49,
minZoom: 1, minZoom: 0.1,
maxZoom: 25, maxZoom: 25,
initialZoom: 1.0, initialZoom: 1.0,
}) })
@ -32,7 +32,7 @@
<img <img
bind:this={panzoomEl} bind:this={panzoomEl}
class="panzoom-image h-fit w-fit" class="panzoom-image h-fit max-w-fit"
on:load={() => { on:load={() => {
isLoaded?.setData(true) isLoaded?.setData(true)
}} }}