1
0
mirror of https://github.com/SomboChea/ui synced 2026-01-18 00:56:00 +07:00

refactor: move cascaded CSS from templates to JS objects

This commit is contained in:
Sergio Herrera Guzmán
2019-07-15 11:57:32 +02:00
parent 8ea017d871
commit 115be1bb6e
26 changed files with 478 additions and 478 deletions

View File

@@ -8,14 +8,14 @@ export interface InputFieldProps {
color: string;
}
export const Wrapper = styled('div')`
&& {
width: 100%;
height: 32px;
position: relative;
z-index: 1;
}
`;
export const Wrapper = styled('div')({
'&&': {
width: '100%',
height: '32px',
position: 'relative',
zIndex: 1,
},
});
export const InputField: React.FC<InputFieldProps> = ({ color, ...others }) => (
<TextField
@@ -51,9 +51,9 @@ export const InputField: React.FC<InputFieldProps> = ({ color, ...others }) => (
/>
);
export const SuggestionContainer = styled(Paper)`
&& {
max-height: 500px;
overflow-y: auto;
}
`;
export const SuggestionContainer = styled(Paper)({
'&&': {
maxHeight: '500px',
overflowY: 'auto',
},
});