From c3d4e57675081b26ac84e7c690e5f09652537120 Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Wed, 24 Apr 2019 21:34:08 +0200
Subject: [PATCH] Add click listener to photo

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 frontend/app.css    | 13 ++++++++-----
 frontend/index.html |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/app.css b/frontend/app.css
index e89d82e..a7d4823 100644
--- a/frontend/app.css
+++ b/frontend/app.css
@@ -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;
 }
diff --git a/frontend/index.html b/frontend/index.html
index ff5fb21..84079de 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -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>