luzifer/mediatimeline
1
0
Fork 0
mirror of https://github.com/Luzifer/mediatimeline.git synced 2024-11-08 14:50:08 +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 {
color: yellow;
}
.user-image {
border-radius: 1.25rem;
height: 36px;
.preview {
cursor: pointer;
}
.toast, .toast-header {
background-color: rgba(34,34,34,0.85);
}
.tweet {
max-height: 50px;
white-space: pre-line;
}
.toast, .toast-header {
background-color: rgba(34,34,34,0.85);
.user-image {
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-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-media>