[O] Use separate div to detect width

This commit is contained in:
Hykilpikonna
2019-12-25 17:46:26 -05:00
parent 35a98a2021
commit 34b5353516
+9 -2
View File
@@ -11,9 +11,11 @@
</div> </div>
</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', <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"> v-for="(artwork, i) in selectedArtworks" :key="artwork.date + artwork.title">
<div class="image" :style="{'background-image': `url(${artwork.imgThumb})`}" <div class="image" :style="{'background-image': `url(${artwork.imgThumb})`}"
@click="onImageClick(artwork, i)"> @click="onImageClick(artwork, i)">
@@ -101,6 +103,11 @@
} }
} }
#width-detector
{
max-width: 1400px;
}
#artwork-container #artwork-container
{ {
// Center // Center