34 lines
898 B
TypeScript
34 lines
898 B
TypeScript
import { styled } from '@mui/material/styles';
|
|
|
|
export const InputLabelWrapper = styled('div')`
|
|
position: absolute;
|
|
left: ${({ theme }) => theme.spacing(1.75)};
|
|
inset: 0;
|
|
left: -6px;
|
|
`;
|
|
|
|
export const FakeInput = styled('div', { shouldForwardProp: prop => prop !== 'disabled'})<{ disabled?: boolean }>`
|
|
border: 1px solid #eee;
|
|
min-height: 52px;
|
|
width: 100%;
|
|
display: block;
|
|
padding: ${({ theme }) => theme.spacing(0, 1.75)};
|
|
border-radius: ${({ theme }) => theme.spacing(.5)};
|
|
border-color: rgba(0, 0, 0, 0.23);
|
|
position: relative;
|
|
|
|
${({ disabled, theme }) => !!disabled && `
|
|
color: ${theme.palette.action.disabled},
|
|
border-color: ${theme.palette.action.disabled},
|
|
`}
|
|
|
|
&:hover {
|
|
border-color: ${({ theme }) => theme.palette.text.primary};
|
|
}
|
|
|
|
&:focus-within {
|
|
border-color: ${({ theme }) => theme.palette.primary.main};
|
|
border-width: 2px;
|
|
}
|
|
`;
|