Small frontend fixes (#677)

rapidez · Dec 17, 2024 · 3f97927 · 3f97927
1 parent cf1002d
commit 3f97927
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/resources/views/listing/partials/stats.blade.php b/resources/views/listing/partials/stats.blade.php
@@ -1,4 +1,4 @@
-<div class="flex-wrap flex-1 gap-1 text-base flex justify-between" slot="renderResultStats" slot-scope="{ numberOfResults, numberOfPages, currentPage, time }">
+<div class="flex-wrap flex-1 gap-1 text-sm flex justify-between sm:text-base" slot="renderResultStats" slot-scope="{ numberOfResults, numberOfPages, currentPage, time }">
     @{{ numberOfResults }} @lang('products')
     <template v-if="numberOfPages > 1">
         (@lang('page'): @{{ currentPage + 1 }}/@{{ numberOfPages }})

diff --git a/resources/views/listing/products.blade.php b/resources/views/listing/products.blade.php
@@ -1,6 +1,7 @@
-@php $dropdownClasses = '!h-auto !border-solid !border !border-default !rounded !py-2 !ring-0 focus:!border-muted !text-sm !text !outline-none ' @endphp
+@php $dropdownClasses = '!h-auto !py-3 !px-5 !border-solid !border !border-default !rounded-md !py-2 !ring-0 focus:!border-muted !text-sm !text !outline-none max-md:w-full' @endphp
 <reactive-list
     id="products"
+    class="*:flex-wrap *:max-sm:gap-y-3 *:max-md:justify-end"
     component-id="products"
     data-field="name.keyword"
     list-class="flex flex-wrap mt-5 -mx-4 sm:-mx-1 overflow-hidden"

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -61,9 +61,9 @@ export default {
             },
             zIndex: {
                 'header': '100',
-                'header-dropdown': '10',
                 'header-autocomplete-overlay': '10',
                 'header-autocomplete': '20',
+                'header-dropdown': '30',
                 'header-minicart': '30',
                 'header-autocomplete-button': '30',