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 id="title-sub">{{config.title.sub}}</div>
</div> </div>
<el-card class="artwork" :body-style="{padding: '0px'}" <div id="artwork-container">
v-for="artwork in artworks"> <el-card class="artwork" :body-style="{padding: '0px'}"
<div class="image" :style="{'background-image': artwork.imgThumb}"></div> v-for="artwork in artworks">
<div style="padding: 14px;"> <div class="image" :style="{'background-image': artwork.imgThumb}"></div>
<div class="title">{{artwork.title}}</div> <div style="padding: 14px;">
<div class="time">{{artwork.rawDate}}</div> <div class="title">{{artwork.title}}</div>
</div> <div class="time">{{artwork.rawDate}}</div>
</el-card> </div>
</el-card>
</div>
<div id="footer" :style="footerStyle"> <div id="footer" :style="footerStyle">
@@ -170,20 +172,24 @@
} }
} }
.artwork #artwork-container
{ {
display: inline-block;
margin: 2vh;
.image .artwork
{ {
height: 30vh; display: inline-block;
width: 30vh; margin: 2vh;
}
.time .image
{ {
font-size: 12px; height: 30vh;
width: 30vh;
}
.time
{
font-size: 12px;
}
} }
} }