Feat/side bar filters mobile display (#100)

* feat(1272397): reduce margin for actives filters section for mobile display * feat(1272397): fix test error
Smile-SA · Jan 9, 2024 · 8de409b · 8de409b
1 parent bbdfee3
commit 8de409b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/cuddly-shoes-lay.md b/.changeset/cuddly-shoes-lay.md
@@ -0,0 +1,5 @@
+---
+'@smile/react-front-kit': minor
+---
+
+Reduce margin for actives filters section for mobile display
diff --git a/packages/react-front-kit/src/Components/SidebarFilters/SidebarFilters.style.tsx b/packages/react-front-kit/src/Components/SidebarFilters/SidebarFilters.style.tsx
@@ -78,6 +78,9 @@ export const useStyles = createStyles((theme) => ({
     fontWeight: 600,
   },
   top: {
+    [`@media (max-width: ${theme.breakpoints.sm})`]: {
+      padding: '24px 16px',
+    },
     background: theme.fn.primaryColor(),
     border: `8px solid ${theme.white}`,
     borderRadius: '16px 16px 0px 0px',

diff --git a/.../react-front-kit/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap b/.../react-front-kit/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`FiltersBar matches snapshot 1`] = `
     class="mantine-1qn0wrz"
   >
     <div
-      class="mantine-1e5ukvi"
+      class="mantine-gwowuu"
     >
       <div
         aria-expanded="true"