Skip to content

Commit

Permalink
Merge pull request #756 from amitamrutiya/border-search
Browse files Browse the repository at this point in the history
update border color of the styled search that in cloud
  • Loading branch information
amitamrutiya authored Oct 15, 2024
2 parents 935efaf + 7e0eedc commit 1abcf4e
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/custom/StyledSearchBar/style.tsx
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
import { styled } from '@mui/material';
import { InputAdornment, OutlinedInput } from '../../base';

export const StyledSearchInput = styled(OutlinedInput)(({ style }) => ({
export const StyledSearchInput = styled(OutlinedInput)(({ style, theme }) => ({
width: '100%',
'@media (max-width: 590px)': {
marginLeft: '0.25rem',
paddingLeft: '0.25rem'
},
display: 'flex',
backgroundColor: theme.palette.background.surfaces,
...style
}));

export const InputAdornmentEnd = styled(InputAdornment)(({ theme }) => ({
borderLeft: `1px solid ${theme.palette.border.normal}`,
borderLeft: `1px solid ${theme.palette.background.tertiary}`,
height: '30px',
paddingLeft: '10px',
'@media (max-width: 590px)': {
Expand Down

0 comments on commit 1abcf4e

Please sign in to comment.