From 86f996d7e1ccca1271fe0031acf6dfd8777a24c0 Mon Sep 17 00:00:00 2001
From: Trenton Zimmer <66042448+trmazi@users.noreply.github.com>
Date: Tue, 18 Feb 2025 13:35:58 -0500
Subject: [PATCH] Clean up mobile game showcase cards

---
 src/components/CardBoxGameStat.vue | 11 +++++++----
 src/stores/main.js                 |  1 -
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/CardBoxGameStat.vue b/src/components/CardBoxGameStat.vue
index 536cc41c..d1c16685 100644
--- a/src/components/CardBoxGameStat.vue
+++ b/src/components/CardBoxGameStat.vue
@@ -59,7 +59,7 @@ function loadGamePage() {
 
 const selectedGame = getGameInfo(props.game);
 const cardStyle = `
-  background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 1)),
+  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, .6)),
     url('${selectedGame.cardBG}');
   background-size: cover;
   background-repeat: no-repeat;
@@ -68,7 +68,7 @@ const cardStyle = `
 
 <template>
   <button
-    class="flex rounded-2xl hover:scale-[1.01] hover:shadow-xl hover:outline outline-blue-500/50 hover:bg-slate-500 hover:dark:bg-slate-950 transition-all duration-10"
+    class="flex rounded-2xl hover:scale-[1.01] hover:shadow-xl hover:outline outline-blue-500/50 hover:bg-slate-500 hover:dark:bg-slate-950 transition-all duration-1"
     :style="cardStyle"
     @click="loadGamePage()"
   >
@@ -78,12 +78,15 @@ const cardStyle = `
       <CardBoxComponentBody>
         <BaseLevel>
           <BaseLevel type="justify-start">
-            <GameIcon class="md:mr-6" :path="selectedGame.icon" />
+            <GameIcon
+              class="md:mr-6 scale-110 md:scale-100"
+              :path="selectedGame.icon"
+            />
             <div class="text-center space-y-1 md:text-left md:mr-6">
               <h2 class="text-xl sr-only sm:not-sr-only">
                 {{ selectedGame.name }}
               </h2>
-              <h2 class="text-xl font-semibold not-sr-only sm:sr-only">
+              <h2 class="text-xl font-semibold not-sr-only sm:sr-only -my-2">
                 {{
                   selectedGame.shortName
                     ? selectedGame.shortName
diff --git a/src/stores/main.js b/src/stores/main.js
index a01c8203..964abd8b 100644
--- a/src/stores/main.js
+++ b/src/stores/main.js
@@ -108,7 +108,6 @@ export const useMainStore = defineStore("main", {
 
       // Start loading after the specified delay
       startLoading();
-      console.log(this.loadingPool);
 
       const baseHeaders = {
         "App-Auth-Key": apiKey,