From 7545dedb68adfe26ba0b827a6f1d1f14e42788b1 Mon Sep 17 00:00:00 2001
From: Diego Calvo <diego.calvo@enreda.coop>
Date: Tue, 23 Sep 2025 14:51:27 +0200
Subject: [PATCH] pagination button color, centering cookies banner, and remove
 scroll in carousel

---
 assets/scss/main.scss                  |  7 +++++++
 components/CookieUsageNotification.vue | 24 +++++++++++++-----------
 components/ItemsRow.vue                |  2 +-
 3 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index e93ce47..0452f46 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -70,3 +70,10 @@ body {
     padding: 0 1rem;
   }
 }
+
+.pagination {
+  .active > .page-link {
+    background-color: $color-button;
+    border-color: $color-button;
+  }
+}
\ No newline at end of file
diff --git a/components/CookieUsageNotification.vue b/components/CookieUsageNotification.vue
index c160bd2..b949f4b 100644
--- a/components/CookieUsageNotification.vue
+++ b/components/CookieUsageNotification.vue
@@ -16,33 +16,33 @@
 </template>
 
 <script>
-import { useAuthStore } from '@/stores/auth'
-import { mapActions } from 'pinia'
+import { useAuthStore } from "@/stores/auth";
+import { mapActions } from "pinia";
 export default {
-  name: 'CookieUsageNotification',
+  name: "CookieUsageNotification",
   data() {
     return {
       show: undefined,
-    }
+    };
   },
 
   mounted() {
-    const auth = useAuthStore()
+    const auth = useAuthStore();
     if (auth.cookiesAccepted === true) {
-      this.show = false
+      this.show = false;
     } else {
-      this.show = true
+      this.show = true;
     }
   },
 
   methods: {
-    ...mapActions(useAuthStore, ['acceptCookies']),
+    ...mapActions(useAuthStore, ["acceptCookies"]),
     close() {
-      this.show = false
-      this.acceptCookies()
+      this.show = false;
+      this.acceptCookies();
     },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -50,6 +50,8 @@ export default {
   z-index: 999;
   position: fixed;
   bottom: 0px;
+  right: 8px;
+  left: 8px;
   background-color: $color-navy;
   border: none;
   color: $color-light;
diff --git a/components/ItemsRow.vue b/components/ItemsRow.vue
index c844c71..adf8ed2 100644
--- a/components/ItemsRow.vue
+++ b/components/ItemsRow.vue
@@ -16,7 +16,7 @@
         :gap="1"
         :pagination-enabled="false"
         :wrap-around="false"
-        :mouse-wheel="true"
+        :mouse-wheel="false"
         :breakpoints-enabled="true"
       >
         <Slide v-for="item in items" :key="item.id" class="slide-container">