From e4066fc24611dadcda18b17fec3b24de92d95e78 Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Tue, 11 Mar 2025 11:47:35 +1100
Subject: [PATCH] fix: store page styling

---
 server/assets/core.scss                | 4 ++--
 server/components/AddLibraryButton.vue | 4 ++--
 server/pages/store/index.vue           | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/assets/core.scss b/server/assets/core.scss
index eddfa750..8fe785b7 100644
--- a/server/assets/core.scss
+++ b/server/assets/core.scss
@@ -65,8 +65,8 @@ $helvetica: (
 }
 
 
-.store-caoursel > .carousel__viewport {
-  overflow: visible !important;
+.store-carousel > .carousel__viewport {
+  overflow-y: visible !important;
 }
 
 
diff --git a/server/components/AddLibraryButton.vue b/server/components/AddLibraryButton.vue
index 19c7ceee..6fa818f1 100644
--- a/server/components/AddLibraryButton.vue
+++ b/server/components/AddLibraryButton.vue
@@ -4,7 +4,7 @@
       :loading="isLibraryLoading"
       @click="() => toggleLibrary()"
       :style="'none'"
-      class="transition w-48 h-fit gap-x-2 rounded-none rounded-l-md bg-white/10 hover:bg-white/20 text-zinc-100 backdrop-blur px-5 py-3 active:scale-95"
+      class="transition w-48 inline-flex items-center justify-center h-full gap-x-2 rounded-none rounded-l-md bg-white/10 hover:bg-white/20 text-zinc-100 backdrop-blur px-5 py-3 active:scale-95"
     >
       {{ inLibrary ? "In Library" : "Add to Library" }}
       <CheckIcon v-if="inLibrary" class="-mr-0.5 h-5 w-5" aria-hidden="true" />
@@ -29,7 +29,7 @@
         leave-to-class="transform opacity-0 scale-95"
       >
         <MenuItems
-          class="absolute right-0 z-50 mt-2 w-72 origin-top-right rounded-md bg-zinc-800/90 backdrop-blur shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
+          class="absolute right-0 z-50 mt-2 w-72 origin-top-right rounded-md bg-zinc-800/90 backdrop-blur shadow-lg focus:outline-none"
         >
           <div class="p-2">
             <div
diff --git a/server/pages/store/index.vue b/server/pages/store/index.vue
index 681f1cbc..2ec813de 100644
--- a/server/pages/store/index.vue
+++ b/server/pages/store/index.vue
@@ -8,7 +8,7 @@
       :autoplay="15 * 1000"
       :transition="500"
       :pauseAutoplayOnHover="true"
-      class="store-caoursel"
+      class="store-carousel"
     >
       <VueSlide v-for="game in recent" :key="game.id">
         <div class="w-full h-full relative">