azalea/Charlie-Gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[O] Put artwork in container

Browse Source
This commit is contained in:
Hykilpikonna
2019-12-23 10:32:27 -05:00
parent 59ee05dc77
commit 0f62533660
1 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+24 -18
View File
@@ -5,14 +5,16 @@
<div id="title-sub">{{config.title.sub}}</div>
</div>
<el-card class="artwork" :body-style="{padding: '0px'}"
v-for="artwork in artworks">
<div class="image" :style="{'background-image': artwork.imgThumb}"></div>
<div style="padding: 14px;">
<div class="title">{{artwork.title}}</div>
<div class="time">{{artwork.rawDate}}</div>
</div>
</el-card>
<div id="artwork-container">
<el-card class="artwork" :body-style="{padding: '0px'}"
v-for="artwork in artworks">
<div class="image" :style="{'background-image': artwork.imgThumb}"></div>
<div style="padding: 14px;">
<div class="title">{{artwork.title}}</div>
<div class="time">{{artwork.rawDate}}</div>
</div>
</el-card>
</div>
<div id="footer" :style="footerStyle">
@@ -170,20 +172,24 @@
}
}
.artwork
#artwork-container
{
display: inline-block;
margin: 2vh;
.image
.artwork
{
height: 30vh;
width: 30vh;
}
display: inline-block;
margin: 2vh;
.time
{
font-size: 12px;
.image
{
height: 30vh;
width: 30vh;
}
.time
{
font-size: 12px;
}
}
}