Skip to content

Commit 8e40415

Browse files
committed
(responsive) fix image size in textarea
1 parent e81a56e commit 8e40415

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

src/ChatWindow/MessagesList.vue

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -652,6 +652,7 @@ textarea {
652652
653653
.image-container {
654654
position: absolute;
655+
max-width: 20%;
655656
left: 16px;
656657
bottom: 18px;
657658
}
@@ -660,16 +661,17 @@ textarea {
660661
display: flex;
661662
662663
img {
663-
border-radius: 20px;
664-
max-width: 250px;
664+
border-radius: 15px;
665+
width: 100%;
666+
max-width: 150px;
665667
max-height: 100%;
666668
}
667669
}
668670
669671
.icon-image {
670672
position: absolute;
671-
top: 10px;
672-
left: 10px;
673+
top: 8px;
674+
left: 8px;
673675
674676
svg {
675677
height: 20px;

0 commit comments

Comments
 (0)