Fix images display (#1019)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Sobolev 2022-02-15 16:07:55 +07:00 committed by GitHub
parent 78ea2c7cfd
commit 5f0ad7ba39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 3 deletions

View File

@ -24,6 +24,7 @@
export let file: string
export let name: string
export let contentType: string | undefined
const dispatch = createEventDispatcher()
@ -47,7 +48,11 @@
</div>
</div>
<iframe class="flex-grow content" src={getFileUrl(file)} title=""/>
{#if contentType && contentType.startsWith('image/') }
<img src={getFileUrl(file)} alt=''/>
{:else}
<iframe class="flex-grow content" src={getFileUrl(file)} title=""/>
{/if}
<div class="flex-between footer">
<div class="flex-row-reverse">

View File

@ -42,14 +42,14 @@
{#if openEmbedded(value.type)}
<div class="flex-center icon" on:click={() => {
closeTooltip()
showPopup(PDFViewer, { file: value.file, name: value.name }, 'right')
showPopup(PDFViewer, { file: value.file, name: value.name, contentType: value.type }, 'right')
}}>{iconLabel(value.name)}</div>
{:else}
<a class="no-line" href={getFileUrl(value.file)} download={value.name}><div class="flex-center icon">{iconLabel(value.name)}</div></a>
{/if}
<div class="flex-col info">
{#if openEmbedded(value.type)}
<div class="name" on:click={() => { closeTooltip(); showPopup(PDFViewer, { file: value.file, name: value.name }, 'right') }}>{trimFilename(value.name)}</div>
<div class="name" on:click={() => { closeTooltip(); showPopup(PDFViewer, { file: value.file, name: value.name, contentType: value.type }, 'right') }}>{trimFilename(value.name)}</div>
{:else}
<div class="name"><a href={getFileUrl(value.file)} download={value.name}>{trimFilename(value.name)}</a></div>
{/if}