]> _ Git - pmi.git/commitdiff
wait #6125 @0:45
authorsoufiane <soufiane@cubedesigners.com>
Tue, 18 Jul 2023 14:46:31 +0000 (16:46 +0200)
committersoufiane <soufiane@cubedesigners.com>
Tue, 18 Jul 2023 14:46:31 +0000 (16:46 +0200)
resources/js/components/ProductsFilters.vue
resources/views/pages/category.blade.php

index ab25a46554dc1f486e3eff0edc11f045cec7b31d..30843e85cbc4bf83e17aab6416d3e015590d7f93 100644 (file)
@@ -1,13 +1,13 @@
 <template>
 
-    <div class="relative" :class="{ 'overflow-hidden': noResults }">
+    <div class="relative flex sm:block" :class="{ 'overflow-hidden': noResults }">
 
         <!-- Filters column -->
         <div ref="filters"
-             class="products-filters-wrapper sticky sm:static top-60 mr-1v sm:mr-0 pt-4 whitespace-no-wrap float-left sm:float-none">
+             class="products-filters-wrapper sm:static mr-1v sm:mr-0 pt-4 whitespace-no-wrap sm:float-none">
 
             <!-- Filters panel -->
-            <div class="bg-white p-4">
+            <div class="bg-white p-4 sticky sm:static top-60">
                 <div class="products-filters" :class="{ 'folded': currentFilterIndex !== index }" v-for="(filter, index) in filterData" :key="index">
 
                     <hr class="h-px bg-grey-250 my-4" v-if="index !== 0"/>
index e5ec9c26e59bcb2fc4b1a83b307f586997abe7b2..b4766cc89409d6afa78884d1b0af72de729e14c6 100644 (file)
@@ -7,7 +7,6 @@
     <full-width class="bg-grey-100" padding="pt-1v pb-2v">
 
         <content class="product-category">
-
             @if ($filters && $filter_results)
                 <products-filters v-cloak
                                   product-type="{{ $product_type->id }}"
@@ -31,7 +30,6 @@
                     @if ($filters && $filter_results)
                 </products-filters>
             @endif
-
         </content>
 
     </full-width>