intentando subir la app a netlify

Author: jorgemartiinez

_redirects

@@ -0,0 +1 @@
+/* /index.html 200

src/App.vue

@@ -36,6 +36,10 @@ html {
   font-size: 62.5%;
   height: 100%;
   width: 100%;
+
+  @include respond(tab-land) {
+    font-size: 56.25%;
+  }
 }
 
 body {
@@ -46,14 +50,6 @@ body {
   line-height: 1.7;
   background-color: $color-bg;
   color: #fff;
-
-  @include respond(tab-land) {
-    font-size: 56.25%;
-  }
-
-  @include respond(tab-port) {
-    font-size: 50%;
-  }
 }
 
 ul {

src/components/grid/CardGridItem.vue

@@ -59,10 +59,7 @@ $border-radius: 1.5rem;
     width: 100%;
     height: 45rem;
     @include respond(tab-port) {
-      height: 40rem;
-    }
-    @include respond(phone) {
-      height: 55rem;
+      height: 70rem;
     }
   }
 

src/components/single_page/ItemInfo.vue

@@ -76,4 +76,7 @@ export default {
   margin-bottom: 2rem;
   font-style: italic;
 }
+.title-sub {
+  color: #fff !important;
+}
 </style>

src/components/swiper/CardSwiper.vue

@@ -2,10 +2,10 @@
   <div class="swiper">
     <vue-card-stack
       :cards="items"
-      :stack-width="800"
-      :card-width="500"
-      :card-height="700"
-      :max-visible-cards="10"
+      :stack-width="stackWidth"
+      :card-width="cardWidth"
+      :card-height="cardHeight"
+      :max-visible-cards="visibleCards"
     >
       <template v-slot:card="{ card }">
         <CardSwiperItem :item="card" />
@@ -19,6 +19,14 @@ import CardSwiperItem from './CardSwiperItem.vue';
 import VueCardStack from 'vue-card-stack';
 export default {
   props: { items: Array },
+  data() {
+    return {
+      stackWidth: 800,
+      cardWidth: 500,
+      cardHeight: 700,
+      visibleCards: 10
+    };
+  },
   components: {
     VueCardStack,
     CardSwiperItem

src/services/Movies.js

@@ -18,7 +18,7 @@ export default {
   },
   getNowPlaying(page) {
     return instance
-      .get(`${RESOURCE}/now_playing?page=${page}&language=es_ES`)
+      .get(`${RESOURCE}/now_playing?page=${page}&language=es_ES&region=ES`)
       .then(response => response.data['results']);
   },
   getById(id) {

src/services/Shows.js

@@ -18,7 +18,7 @@ export default {
   },
   getNowPlaying(page) {
     return instance
-      .get(`${RESOURCE}/airing_today?page=${page}&language=es_ES&region=ES`)
+      .get(`${RESOURCE}/airing_today?page=${page}&language=es_ES`)
       .then(response => response.data['results']);
   },
   getById(id) {

src/views/Items.vue

@@ -6,7 +6,8 @@
     <div v-else>
       <h2 class="title">Populares ahora</h2>
       <CardSwiper :items="popular" />
-      <h2 class="title">En Cines</h2>
+      <h2 class="title" v-if="this.type === 'Movies'">En Cines</h2>
+      <h2 class="title" v-else>Lo más visto</h2>
       <CardGrid :items="nowPlaying" :busy="busy" @loadNext="loadNext" />
       <h3 v-if="completed" style="margin-top: 3rem; text-align:center;">
         No hay más resultados para mostrar. &#128552;