Skip to content

Commit 3b04f8e

Browse files
committed
fix: text overflowing when image is small
1 parent 9f94086 commit 3b04f8e

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/support.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,15 +37,15 @@ function generateOverlayTemplate(
3737
onmouseleave="this.querySelector('div').style.opacity=1,this.querySelector('img').style.opacity=0"
3838
>
3939
<h3>New screenshot:</h3>
40-
<img style="width:100%;opacity:0" src="data:image/png;base64,${imgNewBase64}" />
40+
<img style="min-width:300px;width:100%;opacity:0" src="data:image/png;base64,${imgNewBase64}" />
4141
<div style="position:absolute;top:0;left:0;background:#fff">
4242
<h3>Old screenshot (hover over to see the new one):</h3>
43-
<img style="width:100%" src="data:image/png;base64,${imgOldBase64}" />
43+
<img style="min-width:300px;width:100%" src="data:image/png;base64,${imgOldBase64}" />
4444
</div>
4545
</div>
4646
<div style="background:#fff;border:solid 15px #fff">
4747
<h3>Diff between new and old screenshot</h3>
48-
<img style="width:100%" src="data:image/png;base64,${imgDiffBase64}" />
48+
<img style="min-width:300px;width:100%" src="data:image/png;base64,${imgDiffBase64}" />
4949
</div>
5050
</div>
5151
</div>`;

0 commit comments

Comments
 (0)