Skip to content

Commit 775c062

Browse files
committed
(UI) better close image icon
1 parent 561a5d1 commit 775c062

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

src/ChatWindow/MessagesList.vue

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
<div class="box-footer">
7676
<div v-if="imageFile">
7777
<div class="svg-button icon-image" @click="resetImageFile">
78-
<svg-icon fill="#9ca6af" name="close" />
78+
<svg-icon fill="#fff" name="close" />
7979
</div>
8080
<img :src="imageFile" class="image-file" />
8181
</div>
@@ -519,12 +519,15 @@ textarea {
519519
520520
.icon-image {
521521
position: absolute;
522-
top: 14px;
523-
left: 14px;
522+
top: 16px;
523+
left: 16px;
524524
525525
svg {
526526
height: 20px;
527527
width: 20px;
528+
border-radius: 50%;
529+
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2),
530+
0 1px 3px 1px rgba(0, 0, 0, 0.12), 0 1px 3px 1px rgba(0, 0, 0, 0.1);
528531
}
529532
}
530533

0 commit comments

Comments
 (0)