mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-11-09 22:24:05 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Render image binary-data using img tags (#10829)

Browse source 
Co-authored-by: Milorad Filipovic <milorad@n8n.io>
This commit is contained in:
कारतोफ्फेलस्क्रिप्ट™ 2024-09-16 15:17:33 +02:00 committed by GitHub
parent 25c8a328a8
commit 7c23101ab8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/editor-ui/src/components/BinaryDataDisplayEmbed.vue
View file

@ -63,6 +63,7 @@ onMounted(async () => {
<source :src="embedSource" :type="binaryData.mimeType" />
{{ $locale.baseText('binaryDataDisplay.yourBrowserDoesNotSupport') }}
</audio>
<img v-else-if="binaryData.fileType === 'image'" :src="embedSource" />
<VueJsonPretty
v-else-if="binaryData.fileType === 'json'"
:data="data"
@ -76,18 +77,16 @@ onMounted(async () => {
</template>
<style lang="scss">
img,
video {
max-height: 100%;
max-width: 100%;
}
.binary-data {
background-color: var(--color-foreground-xlight);
&.image {
max-height: calc(100% - 1em);
max-width: calc(100% - 1em);
}
&.other,
&.pdf {
height: calc(100% - 1em);
width: calc(100% - 1em);
height: 100%;
width: 100%;
}
}
</style>