Side by side testing 👣
This commit is contained in:
parent
9c040a9d2b
commit
318eb9021e
@ -98,7 +98,6 @@ function getWebviewContent(pngSrc, refSrc, stdout, stderr) {
|
|||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
max-height: 40vh;
|
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
pre {
|
pre {
|
||||||
@ -107,14 +106,30 @@ function getWebviewContent(pngSrc, refSrc, stdout, stderr) {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
.flex {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex > * {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-shrink: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Output image</h1>
|
<div class="flex">
|
||||||
<img src="${pngSrc}"/>
|
<div>
|
||||||
|
<h1>Output</h1>
|
||||||
|
<img src="${pngSrc}"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h1>Reference image</h1>
|
<div>
|
||||||
<img src="${refSrc}"/>
|
<h1>Reference</h1>
|
||||||
|
<img src="${refSrc}"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h1>Standard output</h1>
|
<h1>Standard output</h1>
|
||||||
<pre>${stdout}</pre>
|
<pre>${stdout}</pre>
|
||||||
|
Loading…
Reference in New Issue
Block a user