Skip to content

Commit 8c6d8fd

Browse files
committed
(UI) fix textarea image size
1 parent ab72786 commit 8c6d8fd

File tree

1 file changed

+11
-8
lines changed

1 file changed

+11
-8
lines changed

src/ChatWindow/MessagesList.vue

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -95,11 +95,13 @@
9595
</transition>
9696

9797
<div class="box-footer">
98-
<div v-if="imageFile" class="image-container">
98+
<div v-if="imageFile">
9999
<div class="svg-button icon-image" @click="resetImageFile">
100100
<svg-icon name="close" param="image" />
101101
</div>
102-
<img :src="imageFile" class="image-file" />
102+
<div class="image-file">
103+
<img :src="imageFile" />
104+
</div>
103105
</div>
104106

105107
<div class="file-container" v-else-if="file">
@@ -529,11 +531,6 @@ export default {
529531
}
530532
}
531533
532-
.image-file {
533-
margin-right: 10px;
534-
max-width: 250px;
535-
}
536-
537534
textarea {
538535
background: var(--chat-bg-color-input);
539536
color: var(--chat-color);
@@ -568,8 +565,14 @@ textarea {
568565
}
569566
}
570567
571-
.image-container {
568+
.image-file {
572569
display: flex;
570+
margin-right: 10px;
571+
572+
img {
573+
max-width: 250px;
574+
max-height: 100%;
575+
}
573576
}
574577
575578
.icon-image {

0 commit comments

Comments
 (0)