Optimize the display of TestPage.
This commit is contained in:
@@ -121,3 +121,10 @@ body {
|
|||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.replied-img {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
max-height: 400px;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
@@ -106,7 +106,7 @@
|
|||||||
break;
|
break;
|
||||||
case "image": {
|
case "image": {
|
||||||
var item = document.createElement("li");
|
var item = document.createElement("li");
|
||||||
item.innerHTML = `<img src="data:image/png;base64,${msgContent}" alt="Image" width="150" height="150">`;
|
item.innerHTML = `<img src="data:image/png;base64,${msgContent}" alt="Image" class="replied-img">`;
|
||||||
messages.appendChild(item);
|
messages.appendChild(item);
|
||||||
scrollElementToEnd(messages);
|
scrollElementToEnd(messages);
|
||||||
break;
|
break;
|
||||||
|
|||||||
Reference in New Issue
Block a user