[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 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