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

[S] Put description in image

Browse Source
This commit is contained in:
Hykilpikonna
2019-12-23 10:40:21 -05:00
parent d5ae18b3a4
commit 1f47562b7e
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+14 -7
View File
@@ -8,10 +8,11 @@
<div id="artwork-container"> <div id="artwork-container">
<el-card class="artwork" :body-style="{padding: '0px'}" <el-card class="artwork" :body-style="{padding: '0px'}"
v-for="artwork in artworks"> v-for="artwork in artworks">
<div class="image" :style="{'background-image': artwork.imgThumb}"></div> <div class="image" :style="{'background-image': artwork.imgThumb}">
<div style="padding: 14px;"> <div class="description">
<div class="title">{{artwork.title}}</div> <div class="title">{{artwork.title}}</div>
<div class="time">{{artwork.rawDate}}</div> <div class="time">{{artwork.rawDate}}</div>
</div>
</div> </div>
</el-card> </el-card>
</div> </div>
@@ -181,16 +182,22 @@
{ {
display: inline-block; display: inline-block;
margin: 2vh; margin: 2vh;
border: none;
.image .image
{ {
height: 30vh; height: 40vh;
width: 30vh; width: 30vh;
} }
.time .description
{ {
font-size: 12px; padding: 14px;
.time
{
font-size: 12px;
}
} }
} }
} }