etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

tweaks + youtube rewind 2018

This commit is contained in:
Front 2022-01-24 22:10:51 -05:00
parent ac94ab08ef
commit 57d645692c
2 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
NUXT/layouts/default.vue
View File

@ -2,7 +2,7 @@
<v-app dark>
<v-card class="topNav rounded-0" style="display: flex;">
<img src="/icon.svg" height="40px" />
<img src="/icon.svg" height="30px" />
<v-spacer />
<v-text-field outlined dense label="Search" prepend-inner-icon="mdi-magnify" class="topNavSearch" />
</v-card>
@ -37,8 +37,12 @@
width: 20vw !important;
}
.topNavSearch {
margin-bottom: -100em;
margin-bottom: -10em;
margin-left: 2em;
transform: translateY(-2.5%);
border-radius: 5px;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
</style>
@ -47,11 +51,11 @@
data: () => ({
tabSelection: 0,
tabs: [
{ name: "Home", icon: "mdi-home" },
{ name: "Shorts", icon: "mdi-lightning-bolt" },
{ name: "Upload", icon: "mdi-plus" },
{ name: "Subscriptions", icon: "mdi-youtube-subscription" },
{ name: "Library", icon: "mdi-view-list" },
{ name: "Home", icon: "mdi-home", link: "/" },
{ name: "Shorts", icon: "mdi-lightning-bolt", link: "/shorts" },
{ name: "Upload", icon: "mdi-plus", link: "/upload" },
{ name: "Subscriptions", icon: "mdi-youtube-subscription", link: "/subs" },
{ name: "Library", icon: "mdi-view-list", link: "/library" },
]
}),
}

12
NUXT/pages/index.vue
View File

@ -1,5 +1,15 @@
<template>
<div>
<p>Sample Content</p>
<video controls :src="vidSrc" width="100%" height="300vh" />
</div>
</template>
<script>
export default {
data() {
return {
vidSrc: "https://rr3---sn-ab5l6n6e.googlevideo.com/videoplayback?expire=1643101048&ei=F2fvYbegO4ythgbf6prgBw&ip=8.46.116.241&id=o-AKy6hy3pwbh5E7Q2oSThJtnBpBYdVDthEzO--siU1Pzb&itag=22&source=youtube&requiressl=yes&mh=3J&mm=31%2C29&mn=sn-ab5l6n6e%2Csn-ab5szn7l&ms=au%2Crdu&mv=m&mvi=3&pl=24&initcwndbps=1512500&vprv=1&mime=video%2Fmp4&ns=NmcjQCgOge6h_ERTK6R9hdcG&ratebypass=yes&dur=493.052&lmt=1631287826858240&mt=1643078960&fvip=3&fexp=24001373%2C24007246&c=WEB&txp=5532434&n=iEKpKJGuEiIbn0FFd167&sparams=expire%2Cei%2Cip%2Cid%2Citag%2Csource%2Crequiressl%2Cvprv%2Cmime%2Cns%2Cratebypass%2Cdur%2Clmt&sig=AOq0QJ8wRQIhAMUsO4Jl50Kcm1ReQjtB7x5OcruOrJ6zs22OtXMhKER8AiA4H2VsoSePLS_uCSM4a4kpjGUTm4_CRPg_PJn_MIVXfw%3D%3D&lsparams=mh%2Cmm%2Cmn%2Cms%2Cmv%2Cmvi%2Cpl%2Cinitcwndbps&lsig=AG3C_xAwRQIhANGPdRlpAaW0kbCGaYOBacI8cFUkh49Eo3YgJN4_T3X_AiBU_LqddZ7VkX1vktQBR4ul2jGvI16oLA8rH3InKzAPEg%3D%3D"
}
}
}
</script>