luzifer/mediatimeline
1
0
Fork 0
mirror of https://github.com/Luzifer/mediatimeline.git synced 2024-11-09 15:20:05 +00:00
Code Issues Releases Wiki Activity

Add click listener to photo

Browse source 
Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2019-04-24 21:34:08 +02:00
parent 5d24567ac9
commit c3d4e57675
Signed by: luzifer
GPG key ID: DC2729FDD34BE99E
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/app.css
View file

@ -7,14 +7,17 @@
.faved, .faved:hover, .faved:active { .faved, .faved:hover, .faved:active {
color: yellow; color: yellow;
} }
.user-image { .preview {
border-radius: 1.25rem; cursor: pointer;
height: 36px; }
.toast, .toast-header {
background-color: rgba(34,34,34,0.85);
} }
.tweet { .tweet {
max-height: 50px; max-height: 50px;
white-space: pre-line; white-space: pre-line;
} }
.toast, .toast-header { .user-image {
background-color: rgba(34,34,34,0.85); border-radius: 1.25rem;
height: 36px;
} }

2
frontend/index.html
View file

@ -38,7 +38,7 @@
<b-col lg="3" md="4" xs="12" v-for="tweet in tweets" :key="tweet.id" v-if="tweet.images"> <b-col lg="3" md="4" xs="12" v-for="tweet in tweets" :key="tweet.id" v-if="tweet.images">
<b-card class="mb-3" no-body> <b-card class="mb-3" no-body>
<div :style="`background-image: url('${tweet.images[0].image}')`" class="card-img-top"></div> <div :style="`background-image: url('${tweet.images[0].image}')`" class="card-img-top preview" @click="callModal(tweet)"></div>
<b-card-body> <b-card-body>
<b-media> <b-media>