fix: styles fixed to SearchSubcategories

deco-sites · Jul 25, 2024 · 09b2022 · 09b2022
1 parent adae25f
commit 09b2022
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/search/SearchResult.tsx b/components/search/SearchResult.tsx
@@ -102,7 +102,7 @@ function Result({
         )} */
         }
 
-        <div class="flex flex-row mt-6 gap-x-8">
+        <div class="flex flex-row mt-6 gap-x-8 w-full">
           {layout?.variant === "aside" && filters.length > 0 && (
             <aside
               class={clx(

diff --git a/components/search/SearchSubcategories.tsx b/components/search/SearchSubcategories.tsx
@@ -48,11 +48,11 @@ export default function SearchSubcategories({ subcategories = [] }: Props) {
   return (
     <div
       id={id}
-      class="flex items-center justify-center w-full h-[160px] bg-gray-light-shade px-3 md:px-8 py-2.5"
+      class="grid items-center w-full h-[160px] bg-gray-light-shade px-3 md:px-8 py-2.5"
     >
-      <Slider class="relative carousel carousel-center xl:justify-between gap-3 h-full w-full">
+      <Slider class="carousel xl:justify-between col-span-full col-start-1 row-start-1 row-span-full h-full w-full gap-3">
         {subcategories.map((subcategory, index) => (
-          <Slider.Item index={index} class="carousel-item min-w-28 h-full">
+          <Slider.Item index={index} class="carousel-item w-28 h-[137px]">
             <Subcategory {...subcategory} />
           </Slider.Item>
         ))}