e.preventDefault()}
+ on:auxclick={e => e.preventDefault()}
+ on:mousedown={bepis}
+
on:mouseover={hoverStart}
on:mouseout={hoverStop}
on:mousemove={hoverUpdate}
@@ -253,7 +259,12 @@
bind:this={place}
>
{#if isImage}
-
+
+
{/if}
{#if isAudio}
@@ -325,16 +337,16 @@
z-index: 9;
}
- .contract > img,
- .contract > video {
+ .contract img,
+ .contract video {
max-width: 125px !important;
max-height: 125px !important;
width: auto;
height: auto;
}
- .place:not(.contract) > video,
- .place:not(.contract) > img,
+ .place:not(.contract) video,
+ .place:not(.contract) img,
.hoverer > video,
.hoverer > img {
max-width: 100vw;
diff --git a/src/EyeButton.svelte b/src/EyeButton.svelte
index 4b9164e..37c8bc1 100644
--- a/src/EyeButton.svelte
+++ b/src/EyeButton.svelte
@@ -50,6 +50,22 @@ import type { EmbeddedFile } from './main';
on:click={downloadFile}
class="fa fa-download clickable"
/>
+{#if file.source}
+
+