From 2abc46216d8c5b82bf91259de406f0ca958d880d Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Thu, 28 Sep 2023 12:48:11 +0200
Subject: [PATCH] adjust banner animation for smartphones

---
 src/views/Home.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 2b068d0..29ec95b 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -3,12 +3,12 @@
     <div id="welcomeLeft" class="flex-column grow">
       <div id="banner" class="center flex-column shadow">
         <div id="collage">
-          <svg width="100%" height="100%" viewBox="20 40 700 100">
+          <svg width="100%" height="100%" viewBox="20 40 600 100">
             <g>
-              <animateTransform id="animY1" attributeName="transform" type="translate" begin="0s; animY2.end" from="-40 -60" to="-10 -20" dur="30s" />
-              <animateTransform id="animY2" attributeName="transform" type="translate" begin="animY1.end" from="-10 -20" to="-40 -60" dur="30s" />
+              <animateTransform id="animY1" attributeName="transform" type="translate" begin="0s; animY2.end" from="0 -140" to="-20 -60" dur="30s" />
+              <animateTransform id="animY2" attributeName="transform" type="translate" begin="animY1.end" from="-20 -60" to="0 -140" dur="30s" />
 
-              <image :xlink:href="item.covers.cover64" :x="Math.floor(i / 4) * 64" :y="i % 4 * 64" width="64" height="64" v-for="(item, i) in randomCovers" :key="item" />
+              <image :xlink:href="item.covers.cover64" :x="Math.floor(i / 6) * 64" :y="i % 6 * 64" width="64" height="64" v-for="(item, i) in randomCovers" :key="item" />
             </g>
           </svg>
         </div>
@@ -113,7 +113,7 @@ export default {
       this.$store.dispatch("tracks/loadMostListened");
       this.$store.dispatch("videos/loadMostViewed");
       if (this.randomCovers.length == 0) {
-        this.$store.dispatch("albums/loadRandomCovers", 48);
+        this.$store.dispatch("albums/loadRandomCovers", 60);
         this.$store.dispatch("albums/loadAlbums", true);
         this.$store.dispatch("artists/loadArtists", true);
       }