From b8471a6e6ef8c4512fd9667f6e24b0e0ce88ed3b Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 25 Dec 2019 08:41:53 -0500
Subject: [PATCH] [F] Use div width instead of screen width

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

diff --git a/src/App.vue b/src/App.vue
index a29673c..4c11d36 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,9 @@
             <div id="title-sub">{{config.title.sub}}</div>
         </div>
 
-        <div id="artwork-container">
-            <el-card class="artwork" :body-style="{padding: '0px', width: responsive.getBlockWidth().toFixed(0) + 'px'}"
+        <div id="artwork-container" ref="artworkContainer">
+            <el-card class="artwork" :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)">
                     <div class="description">