blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LastRenderedImage: Center image and limit width

Browse Source
This commit is contained in:
Pablo Vazquez 2022-07-07 15:32:46 +02:00
parent 29311417df
commit 5501f86215
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/src/assets/base.css
View File

@ -482,8 +482,11 @@ span.state-transition-arrow.lazy {
} }
.global-last-rendered { .global-last-rendered {
grid-column-start: col-1; align-items: center;
display: flex;
grid-column-end: col-3; grid-column-end: col-3;
grid-column-start: col-1;
justify-content: center;
/* FIXME: the positioning of the image & sizing of the container DIV doesn't /* FIXME: the positioning of the image & sizing of the container DIV doesn't
work well yet. */ work well yet. */
@ -492,4 +495,6 @@ span.state-transition-arrow.lazy {
.global-last-rendered .last-rendered { .global-last-rendered .last-rendered {
max-height: 100%; max-height: 100%;
max-width: 100%;
}
} }

8
web/app/src/components/jobs/LastRenderedImage.vue
View File

@ -114,13 +114,9 @@ defineExpose({
</script> </script>
<style scoped> <style scoped>
.last-rendered {
background-color: #2b2b2b;
border-radius: var(--border-radius);
}
.last-rendered img { .last-rendered img {
width: 100%; max-height: 100%;
height: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
} }
</style> </style>