fix(/anime and /manga): rearrange images

Jabster28 · Sep 11, 2020 · 333a5bf · 333a5bf
1 parent f57afbf
commit 333a5bf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/src/pages/Anime.vue b/src/pages/Anime.vue
@@ -14,15 +14,9 @@
             $q.screen.width > 800 ? 'row' : 'col'
           ]"
         >
-          <div class="col-3">
-            <q-img :src="anime.image_url" />
-            <div
-              v-if="anime.trailer_url"
-              id="player"
-              data-plyr-provider="youtube"
-              class="q-ma-lg"
-              :data-plyr-embed-id="anime.trailer_url"
-            ></div>
+          <div class="q-ma-xl col-2">
+            <img :src="anime.image_url" />
+            <br />
             <q-btn
               rel="noopener"
               class="q-ma-sm"
@@ -114,6 +108,14 @@
               </div>
             </q-card>
           </div>
+          <div v-if="anime.trailer_url" class="col-3">
+            <div
+              id="player"
+              data-plyr-provider="youtube"
+              class="q-ma-lg"
+              :data-plyr-embed-id="anime.trailer_url"
+            ></div>
+          </div>
           <div v-if="sugg.length > 0" class="col-10">
             <h3 disabled>More like this</h3>
             <q-scroll-area horizontal class="q-ma-md" style="height: 400px;">

diff --git a/src/pages/Manga.vue b/src/pages/Manga.vue
@@ -14,8 +14,9 @@
             $q.screen.width > 800 ? 'row' : 'col'
           ]"
         >
-          <div class="col-3">
-            <q-img :src="manga.image_url" />
+          <div class="col-2">
+            <img :src="manga.image_url" />
+            <br />
             <q-btn
               rel="noopener"
               class="q-ma-sm"
@@ -28,7 +29,7 @@
               Open in MAL</q-btn
             >
           </div>
-          <div class="col-5">
+          <div class="col-7">
             <h2>{{ manga.title }}</h2>
 
             <h6 class="disabled">{{ manga.title_english }}</h6>