fix(/anime, /manga): make image columns smaller

Jabster28 · Aug 24, 2020 · 11d3537 · 11d3537 · vercel · Aug 24, 2020
1 parent 59c4ea4
commit 11d3537
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/pages/Anime.vue b/src/pages/Anime.vue
@@ -14,7 +14,7 @@
             $q.screen.width > 800 ? 'row' : 'col'
           ]"
         >
-          <div class="col-5">
+          <div class="col-3">
             <q-img :src="anime.image_url" />
             <div
               v-if="anime.trailer_url"
@@ -63,14 +63,14 @@
             >
           </div>
           <div class="col-5">
-            <div v-if="anime.title_english && anime.title_english != anime.title">
-            <h2>{{ anime.title_english }}</h2>
+            <div
+              v-if="anime.title_english && anime.title_english != anime.title"
+            >
+              <h2>{{ anime.title_english }}</h2>
 
-            <h6 class="disabled">{{ anime.title }}</h6>
+              <h6 class="disabled">{{ anime.title }}</h6>
             </div>
 
-
-
             <h2 v-else>{{ anime.title }}</h2>
             <p class="text-justify">{{ anime.synopsis }}</p>
             <q-card class="q-pa-md q-my-lg">
@@ -355,7 +355,8 @@ export default Vue.extend({
             // @ts-ignore
             this.player = new Plyr('#player');
           }, 1000);
-          document.title = `${this.anime.title_english || this.anime.title} | Mirai`;
+          document.title = `${this.anime.title_english ||
+            this.anime.title} | Mirai`;
           /* @ts-ignore */
           let cache = this.$q.localStorage.getItem('cache');
           /* @ts-ignore */

diff --git a/src/pages/Manga.vue b/src/pages/Manga.vue
@@ -14,7 +14,7 @@
             $q.screen.width > 800 ? 'row' : 'col'
           ]"
         >
-          <div class="col-5">
+          <div class="col-3">
             <q-img :src="manga.image_url" />
             <q-btn
               rel="noopener"