From 4c2de647e6c0739b7a9909f8fce060e4ff053f3a Mon Sep 17 00:00:00 2001 From: Aryaman Kumar Sharma Date: Fri, 11 Apr 2025 12:26:59 +0530 Subject: [PATCH] Feat: Filters UI --- src/Components/FilterHeader/index.jsx | 8 ++++++++ src/Utils/Theme/globalTheme.js | 2 -- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/Components/FilterHeader/index.jsx b/src/Components/FilterHeader/index.jsx index 284170a8c..9cbdd4137 100644 --- a/src/Components/FilterHeader/index.jsx +++ b/src/Components/FilterHeader/index.jsx @@ -57,6 +57,14 @@ const FilterHeader = ({ header, options, value, onChange, multiple = true }) => horizontal: "left", }, }} + sx={{ + "& .MuiOutlinedInput-input": { + paddingLeft: theme.spacing(14), + }, + "& .MuiSelect-icon": { + left: theme.spacing(4), + }, + }} > {options.map((option) => ( ({ root: ({ theme }) => ({ "& .MuiOutlinedInput-input": { color: theme.palette.primary.contrastText, - paddingLeft: theme.spacing(14), }, "& .MuiOutlinedInput-notchedOutline": { borderColor: theme.palette.primary.lowContrast, @@ -485,7 +484,6 @@ const baseTheme = (palette) => ({ }, "& .MuiSelect-icon": { color: theme.palette.primary.contrastTextSecondary, // Dropdown + color - left: theme.spacing(4), }, "&:hover": { backgroundColor: theme.palette.primary.main, // Background on hover