From b465dda09d69458cb365ecc0c0459f3dfbd54154 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 25 Dec 2019 16:38:24 -0500
Subject: [PATCH] [O] Separate clickable class

---
 src/App.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 069a553..050776c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,7 @@
         </div>
 
         <div id="artwork-container" ref="artworkContainer">
-            <el-card class="artwork" :body-style="{padding: '0px',
+            <el-card class="artwork clickable" :body-style="{padding: '0px',
                     width: responsive.getBlockWidth($refs.artworkContainer.clientWidth).toFixed(0) + 'px'}"
                      v-for="(artwork, i) in artworks" :key="artwork.date + artwork.title">
                 <div class="image" :style="{'background-image': `url(${artwork.imgThumb})`}" @click="() => onImageClick(i)">
@@ -111,9 +111,6 @@
             margin: 2vh;
             border: none;
 
-            // Clickable
-            cursor: pointer;
-
             .image
             {
                 height: 40vh;
@@ -156,4 +153,10 @@
         -ms-user-select: none; /* IE10+/Edge */
         user-select: none; /* Standard */
     }
+
+    .clickable
+    {
+        // Clickable
+        cursor: pointer;
+    }
 </style>