Merge pull request #456 from KevinVandy/436-search-bar-uneven-spacing…

…-when-positionglobalfilter-is-left fix: uneven spacing on global filter
KevinVandy · Dec 10, 2024 · 0446cd0 · 0446cd0
2 parents 23580b7 + 881a8ee
commit 0446cd0
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/mantine-react-table/src/components/inputs/MRT_GlobalFilterTextInput.tsx b/packages/mantine-react-table/src/components/inputs/MRT_GlobalFilterTextInput.tsx
@@ -30,6 +30,7 @@ export const MRT_GlobalFilterTextInput = <TData extends MRT_RowData>({
       localization,
       mantineSearchTextInputProps,
       manualFiltering,
+      positionGlobalFilter
     },
     refs: { searchInputRef },
     setGlobalFilter,
@@ -91,7 +92,7 @@ export const MRT_GlobalFilterTextInput = <TData extends MRT_RowData>({
       <TextInput
         leftSection={!enableGlobalFilterModes && <IconSearch />}
         mt={0}
-        mx="sm"
+        mx={positionGlobalFilter !== 'left' ? 'mx' : undefined}
         onChange={(event) => setSearchValue(event.target.value)}
         placeholder={localization.search}
         rightSection={