DumbYT
/
BackEnd
1
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity

Minor styling for YT vids

This commit is contained in:
hak8or 2017-09-02 21:35:07 -04:00
parent caf2bde6c4
commit a7c5878a04
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
YTManager/wwwroot/index.css
View File

@ -3,7 +3,7 @@
margin-right: 5%;
line-height: 1.6;
font-size: 18px;
color: #444;
color: #003636;
background-color: #F8F8F8;
}
@ -16,6 +16,15 @@
background-color: red;
}
.success {
background-color: rgb(149, 167, 82);
}
.curvedbottom {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#addnewchannelform {
width: inherit;
margin: auto;

15
YTManager/wwwroot/index.js
View File

@ -13,15 +13,14 @@ var vidholder = new Vue({
template: `
<div>
<div class="grid-x grid-margin-x large-up-6">
<div v-for="video in Videos" class="cell"><div class="card">
<div class="card-divider">
<h6>{{ video.title }}</h6>
<div v-for="video in Videos" class="cell">
<div class="success card curvedbottom">
<a :href="video.url"><img :src="video.thumbnailURL"></a>
<div class="card-section" style="padding-top: 7px; padding-bottom: 7px;">
<p style="padding-top: 0px; padding-bottom: 0px; font-size: 12px;">{{ video.title }}</p>
</div>
</div>
<a :href="video.url"><img :src="video.thumbnailURL"></a>
<div class="card-section">
<p class="tinytext14px">{{ video.description }}</p>
</div>
</div></div>
</div>
</div >
</div>
`,