KevinMidboe/seasonedRequest
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasonedRequest.git synced 2025-12-08 20:39:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Re-wrote to support my api for requesting new movies.

Browse Source
This commit is contained in:
Kevin
2018-03-20 21:50:39 +01:00
parent 1c45c1ea95
commit aa9bfa12d9
30 changed files with 2868 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Home.vue
View File

@@ -1,18 +1,12 @@
<template>
<section class="home">
<header class="home__header">
<header class="home__header" v-bind:style="{ 'background-image': 'url(' + imageFile + ')' }">
<div class="home__header-wrap">
<h1 class="home__header-title">The Movie DB App</h1>
<h1 class="home__header-title">Request new movies or tv shows for plex</h1>
<strong class="home__header-subtitle">Made with Vue.js</strong>
<a href="https://github.com/dmtrbrl/tmdb-app" target="_blank" class="home__header-link">
<svg class="home__header-link-icon">
<use xlink:href="#iconGithub"></use>
</svg>
<span>View Code</span>
</a>
</div>
</header>
<movies-list v-for="item in listTypes" v-if="item.isCategory" :type="'component'" :mode="'collection'" :category="item.query" :shortList="true"></movies-list>
<movies-list v-for="item in listTypes" v-if="item.isCategory" :type="'component'" :mode="item.type" :category="item.query" :shortList="true"></movies-list>
</section>
</template>
@@ -25,7 +19,8 @@ export default {
components: { MoviesList },
data(){
return {
listTypes: storage.listTypes
listTypes: storage.listTypes,
imageFile: 'dist/pulp-fiction.jpg'
}
},
created(){
@@ -50,9 +45,9 @@ export default {
background-position: 50% 50%;
position: relative;
background-color: $c-dark;
background-image: url('~assets/pulp-fiction.jpg');
background-image: url('~assets/arrival.jpg');
@include tablet-min{
height: 384px;
height: 284px;
}
&:before{
content: "";