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 { 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>