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

Minor styling for YT vids

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

13
YTManager/wwwroot/index.js
View File

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