The_evening_detective/evening_detective_client
1
0
Fork 0
generated from VLADIMIR/template_frontend
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add image border

Browse Source
This commit is contained in:
Владимир Фёдоров 2026-03-23 01:01:57 +07:00
parent 8d8a276da0
commit faf6725a99
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/paper_white.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 MiB

15
src/components/MessageCloud.vue
View File

@ -35,7 +35,9 @@ async function letsgo(place: string) {
<hr class="hr" /> <hr class="hr" />
<div class="message-content"> <div class="message-content">
<div v-if="props.action.image.length"> <div v-if="props.action.image.length">
<img v-bind:src="props.action.image" class="message-image" /> <div class="message-image-border">
<img v-bind:src="props.action.image" class="message-image" />
</div>
</div>{{ props.action.text }} </div>{{ props.action.text }}
</div> </div>
<div v-if="index == count - 1"> <div v-if="index == count - 1">
@ -92,10 +94,19 @@ async function letsgo(place: string) {
white-space: pre-wrap; white-space: pre-wrap;
} }
.message-image { .message-image-border {
width: 40%; width: 40%;
float: left; float: left;
padding: 7px;
margin-right: 15px; margin-right: 15px;
background-image: url("@/assets/paper_white.jpg");
background-size: cover;
box-shadow: 0px 3px 15px rgb(98, 98, 98);
transform: rotate(-3deg);
}
.message-image {
width: 100%;
} }
.button-dialog { .button-dialog {