From 34b53535162f7bc706406b9dba7ae76282fc844f Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 25 Dec 2019 17:46:26 -0500
Subject: [PATCH] [O] Use separate div to detect width

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

diff --git a/src/App.vue b/src/App.vue
index 6251844..cc4e725 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,9 +11,11 @@
             </div>
         </div>
 
-        <div id="artwork-container" ref="artworkContainer">
+        <div id="width-detector" ref="widthDetect"></div>
+
+        <div id="artwork-container">
             <el-card class="artwork clickable" :body-style="{padding: '0px',
-                    width: responsive.getBlockWidth($refs.artworkContainer.clientWidth).toFixed(0) + 'px'}"
+                    width: responsive.getBlockWidth($refs.widthDetect.clientWidth).toFixed(0) + 'px'}"
                      v-for="(artwork, i) in selectedArtworks" :key="artwork.date + artwork.title">
                 <div class="image" :style="{'background-image': `url(${artwork.imgThumb})`}"
                      @click="onImageClick(artwork, i)">
@@ -101,6 +103,11 @@
         }
     }
 
+    #width-detector
+    {
+        max-width: 1400px;
+    }
+
     #artwork-container
     {
         // Center