diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index beb70ef7..9a09396b 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -474,3 +474,24 @@ span.state-transition-arrow { span.state-transition-arrow.lazy { color: var(--color-text-muted); } + + + +.job-details-column .last-rendered { + width: 200px; + height: 112px; + float: right; +} + +.global-last-rendered { + grid-column-start: col-1; + grid-column-end: col-3; + + /* FIXME: the positioning of the image & sizing of the container DIV doesn't + work well yet. */ + height: 100%; +} + +.global-last-rendered .last-rendered { + max-height: 100%; +} diff --git a/web/app/src/views/JobsView.vue b/web/app/src/views/JobsView.vue index 5a3cb5a6..dcb0221c 100644 --- a/web/app/src/views/JobsView.vue +++ b/web/app/src/views/JobsView.vue @@ -2,7 +2,7 @@
-
+
@@ -247,10 +247,4 @@ export default { .isFetching { opacity: 50%; } - -.last-rendered { - width: 200px; - height: 112px; - float: right; -} diff --git a/web/app/src/views/LastRenderedView.vue b/web/app/src/views/LastRenderedView.vue index 0d5211d9..003dcca4 100644 --- a/web/app/src/views/LastRenderedView.vue +++ b/web/app/src/views/LastRenderedView.vue @@ -44,19 +44,3 @@ export default { }, } - -