Side by side testing 👣

This commit is contained in:
Martin Haug 2021-03-29 14:56:42 +02:00
parent 9c040a9d2b
commit 318eb9021e

View File

@ -98,7 +98,6 @@ function getWebviewContent(pngSrc, refSrc, stdout, stderr) {
}
img {
width: 80%;
max-height: 40vh;
object-fit: contain;
}
pre {
@ -107,14 +106,30 @@ function getWebviewContent(pngSrc, refSrc, stdout, stderr) {
text-align: left;
width: 80%;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex > * {
flex-grow: 1;
flex-shrink: 0;
max-width: 100%;
}
</style>
</head>
<body>
<h1>Output image</h1>
<img src="${pngSrc}"/>
<div class="flex">
<div>
<h1>Output</h1>
<img src="${pngSrc}"/>
</div>
<h1>Reference image</h1>
<img src="${refSrc}"/>
<div>
<h1>Reference</h1>
<img src="${refSrc}"/>
</div>
</div>
<h1>Standard output</h1>
<pre>${stdout}</pre>