From 8c9bfbc67657ee62f8debe534ba92b60fe4a4cfd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Odini?= <raphodn@users.noreply.github.com>
Date: Sun, 29 Sep 2024 18:50:41 +0200
Subject: [PATCH] refactor: show 4 columns on xl screens (#872)

---
 src/views/BrandDetail.vue            | 2 +-
 src/views/CategoryDetail.vue         | 2 +-
 src/views/CountryCityDetail.vue      | 2 +-
 src/views/CountryDetail.vue          | 2 +-
 src/views/DateDetail.vue             | 2 +-
 src/views/LabelDetail.vue            | 2 +-
 src/views/LocationDetail.vue         | 2 +-
 src/views/LocationList.vue           | 2 +-
 src/views/PriceList.vue              | 2 +-
 src/views/ProductDetail.vue          | 2 +-
 src/views/ProductList.vue            | 2 +-
 src/views/ProofDetail.vue            | 2 +-
 src/views/Search.vue                 | 2 +-
 src/views/UserDashboardPriceList.vue | 2 +-
 src/views/UserDashboardProofList.vue | 2 +-
 src/views/UserDetail.vue             | 2 +-
 src/views/UserList.vue               | 2 +-
 17 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/views/BrandDetail.vue b/src/views/BrandDetail.vue
index 73ca50afb3..8b85798fca 100644
--- a/src/views/BrandDetail.vue
+++ b/src/views/BrandDetail.vue
@@ -17,7 +17,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="product in brandProductList" :key="product" cols="12" sm="6" md="4">
+    <v-col v-for="product in brandProductList" :key="product" cols="12" sm="6" md="4" xl="3">
       <ProductCard :product="product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/CategoryDetail.vue b/src/views/CategoryDetail.vue
index b1afd087d7..ca9639b40d 100644
--- a/src/views/CategoryDetail.vue
+++ b/src/views/CategoryDetail.vue
@@ -17,7 +17,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="product in categoryProductList" :key="product" cols="12" sm="6" md="4">
+    <v-col v-for="product in categoryProductList" :key="product" cols="12" sm="6" md="4" xl="3">
       <ProductCard :product="product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/CountryCityDetail.vue b/src/views/CountryCityDetail.vue
index 4222962001..ab97135acf 100644
--- a/src/views/CountryCityDetail.vue
+++ b/src/views/CountryCityDetail.vue
@@ -18,7 +18,7 @@
   <v-window v-model="currentDisplay" disabled>
     <v-window-item value="list">
       <v-row class="mt-0 mb-1">
-        <v-col v-for="location in countryCityLocationList" :key="location" cols="12" sm="6" md="4">
+        <v-col v-for="location in countryCityLocationList" :key="location" cols="12" sm="6" md="4" xl="3">
           <LocationCard :location="location" :hideLocationOSMID="true" :hideCountryCity="true" height="100%" />
         </v-col>
       </v-row>
diff --git a/src/views/CountryDetail.vue b/src/views/CountryDetail.vue
index 3b254f4c9e..4f91faf647 100644
--- a/src/views/CountryDetail.vue
+++ b/src/views/CountryDetail.vue
@@ -18,7 +18,7 @@
   <v-window v-model="currentDisplay" disabled>
     <v-window-item value="list">
       <v-row class="mt-0 mb-1">
-        <v-col v-for="location in countryLocationList" :key="location" cols="12" sm="6" md="4">
+        <v-col v-for="location in countryLocationList" :key="location" cols="12" sm="6" md="4" xl="3">
           <LocationCard :location="location" :hideLocationOSMID="true" :hideCountryCity="true" height="100%" />
         </v-col>
       </v-row>
diff --git a/src/views/DateDetail.vue b/src/views/DateDetail.vue
index cfa8b7b1b6..a8d16109f4 100644
--- a/src/views/DateDetail.vue
+++ b/src/views/DateDetail.vue
@@ -16,7 +16,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="price in datePriceList" :key="price" cols="12" sm="6" md="4">
+    <v-col v-for="price in datePriceList" :key="price" cols="12" sm="6" md="4" xl="3">
       <PriceCard :price="price" :product="price.product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/LabelDetail.vue b/src/views/LabelDetail.vue
index 30a05ef18b..2e098cd6e4 100644
--- a/src/views/LabelDetail.vue
+++ b/src/views/LabelDetail.vue
@@ -17,7 +17,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="product in labelProductList" :key="product" cols="12" sm="6" md="4">
+    <v-col v-for="product in labelProductList" :key="product" cols="12" sm="6" md="4" xl="3">
       <ProductCard :product="product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/LocationDetail.vue b/src/views/LocationDetail.vue
index 895efc122e..2030f93433 100644
--- a/src/views/LocationDetail.vue
+++ b/src/views/LocationDetail.vue
@@ -25,7 +25,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="price in locationPriceList" :key="price" cols="12" sm="6" md="4">
+    <v-col v-for="price in locationPriceList" :key="price" cols="12" sm="6" md="4" xl="3">
       <PriceCard :price="price" :product="price.product" :hidePriceLocation="true" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/LocationList.vue b/src/views/LocationList.vue
index b0e17b13de..98a0a80567 100644
--- a/src/views/LocationList.vue
+++ b/src/views/LocationList.vue
@@ -14,7 +14,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="location in locationList" :key="location" cols="12" sm="6" md="4">
+    <v-col v-for="location in locationList" :key="location" cols="12" sm="6" md="4" xl="3">
       <LocationCard :location="location" :hideLocationOSMID="true" :hideCountryCity="true" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/PriceList.vue b/src/views/PriceList.vue
index c8c72d832f..a4c162abb7 100644
--- a/src/views/PriceList.vue
+++ b/src/views/PriceList.vue
@@ -4,7 +4,7 @@
   </h1>
 
   <v-row>
-    <v-col v-for="price in priceList" :key="price" cols="12" sm="6" md="4">
+    <v-col v-for="price in priceList" :key="price" cols="12" sm="6" md="4" xl="3">
       <PriceCard :price="price" :product="price.product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/ProductDetail.vue b/src/views/ProductDetail.vue
index 54cd39620e..92639b69e2 100644
--- a/src/views/ProductDetail.vue
+++ b/src/views/ProductDetail.vue
@@ -39,7 +39,7 @@
   <v-window v-model="currentDisplay" disabled>
     <v-window-item value="list">
       <v-row class="mt-0 mb-1">
-        <v-col v-for="price in productPriceList" :key="price" cols="12" sm="6" md="4">
+        <v-col v-for="price in productPriceList" :key="price" cols="12" sm="6" md="4" xl="3">
           <PriceCard :price="price" :product="product" :hideProductImage="true" :hideProductTitle="true" :hideProductDetails="productIsCategory ? false : true" elevation="1" height="100%" />
         </v-col>
       </v-row>
diff --git a/src/views/ProductList.vue b/src/views/ProductList.vue
index 1f3ce4ed9d..8992df48b0 100644
--- a/src/views/ProductList.vue
+++ b/src/views/ProductList.vue
@@ -14,7 +14,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="product in productList" :key="product" cols="12" sm="6" md="4">
+    <v-col v-for="product in productList" :key="product" cols="12" sm="6" md="4" xl="3">
       <ProductCard :product="product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/ProofDetail.vue b/src/views/ProofDetail.vue
index e26cf01314..244ccb79f1 100644
--- a/src/views/ProofDetail.vue
+++ b/src/views/ProofDetail.vue
@@ -18,7 +18,7 @@
   </v-row>
 
   <v-row v-if="proof">
-    <v-col v-for="price in proofPriceList" :key="price" cols="12" sm="6" md="4">
+    <v-col v-for="price in proofPriceList" :key="price" cols="12" sm="6" md="4" xl="3">
       <PriceCard :price="price" :product="price.product" :hidePriceProof="true" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/Search.vue b/src/views/Search.vue
index c334d1af31..263e52830e 100644
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -34,7 +34,7 @@
   </p>
 
   <v-row v-if="productTotal > 0" class="mt-0">
-    <v-col v-for="product in productList" :key="product" cols="12" sm="6" md="4">
+    <v-col v-for="product in productList" :key="product" cols="12" sm="6" md="4" xl="3">
       <ProductCard :product="product" :latestPrice="product.latest_price" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/UserDashboardPriceList.vue b/src/views/UserDashboardPriceList.vue
index 9884b1936d..8ded114779 100644
--- a/src/views/UserDashboardPriceList.vue
+++ b/src/views/UserDashboardPriceList.vue
@@ -25,7 +25,7 @@
   </v-row>
 
   <v-row>
-    <v-col v-for="price in userPriceList" :key="price" cols="12" sm="6" md="4">
+    <v-col v-for="price in userPriceList" :key="price" cols="12" sm="6" md="4" xl="3">
       <PriceCard :price="price" :product="price.product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/UserDashboardProofList.vue b/src/views/UserDashboardProofList.vue
index 564bc59474..d6357e2de0 100644
--- a/src/views/UserDashboardProofList.vue
+++ b/src/views/UserDashboardProofList.vue
@@ -26,7 +26,7 @@
   </v-row>
 
   <v-row>
-    <v-col v-for="proof in userProofList" :key="proof" cols="12" sm="6" md="4">
+    <v-col v-for="proof in userProofList" :key="proof" cols="12" sm="6" md="4" xl="3">
       <ProofCard :proof="proof" :hideProofHeader="true" height="100%" @proofUpdated="handleProofUpdated" />
     </v-col>
   </v-row>
diff --git a/src/views/UserDetail.vue b/src/views/UserDetail.vue
index 14ec7a6a39..4c92c187ae 100644
--- a/src/views/UserDetail.vue
+++ b/src/views/UserDetail.vue
@@ -17,7 +17,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="price in userPriceList" :key="price" cols="12" sm="6" md="4">
+    <v-col v-for="price in userPriceList" :key="price" cols="12" sm="6" md="4" xl="3">
       <PriceCard :price="price" :product="price.product" elevation="1" height="100%" />
     </v-col>
   </v-row>
diff --git a/src/views/UserList.vue b/src/views/UserList.vue
index ad32e3a292..f0c1817f67 100644
--- a/src/views/UserList.vue
+++ b/src/views/UserList.vue
@@ -14,7 +14,7 @@
   </v-row>
 
   <v-row class="mt-0">
-    <v-col v-for="user in userList" :key="user" cols="12" sm="6" md="4">
+    <v-col v-for="user in userList" :key="user" cols="12" sm="6" md="4" xl="3">
       <UserCard :user="user" height="100%" />
     </v-col>
   </v-row>