Same height to selectors and text inputs

EyeSeeTea · Jul 8, 2024 · 2433a0b · 2433a0b
1 parent b9978b5
commit 2433a0b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/src/webapp/components/search-input/SearchInput.tsx b/src/webapp/components/search-input/SearchInput.tsx
@@ -100,7 +100,11 @@ const IconContainer = styled.div<{ $disabled?: boolean }>`
 
 const StyledTextField = styled(TextField)<{ error?: boolean }>`
     font-weight: 400;
+    height: 40px;
     font-size: 0.875rem;
+    .MuiOutlinedInput-root {
+        height: 40px;
+    }
     color: ${props => props.theme.palette.common.grey1};
     .MuiFormHelperText-root {
         color: ${props =>

diff --git a/src/webapp/components/selector/MultipleSelector.tsx b/src/webapp/components/selector/MultipleSelector.tsx
@@ -130,6 +130,7 @@ const StyledFormHelperText = styled(FormHelperText)<{ error?: boolean }>`
 `;
 
 const StyledSelect = styled(Select)<{ error?: boolean }>`
+    height: 40px;
     .MuiOutlinedInput-notchedOutline {
         border-color: ${props =>
             props.error ? props.theme.palette.common.red600 : props.theme.palette.common.grey500};

diff --git a/src/webapp/components/selector/Selector.tsx b/src/webapp/components/selector/Selector.tsx
@@ -107,6 +107,7 @@ const StyledFormHelperText = styled(FormHelperText)<{ error?: boolean }>`
 `;
 
 const StyledSelect = styled(Select)<{ error?: boolean }>`
+    height: 40px;
     .MuiOutlinedInput-notchedOutline {
         border-color: ${props =>
             props.error ? props.theme.palette.common.red600 : props.theme.palette.common.grey500};

diff --git a/src/webapp/components/text-input/TextInput.tsx b/src/webapp/components/text-input/TextInput.tsx
@@ -70,6 +70,10 @@ const Label = styled(InputLabel)`
 `;
 
 const StyledTextField = styled(TextField)<{ error?: boolean }>`
+    height: 40px;
+    .MuiOutlinedInput-root {
+        height: 40px;
+    }
     .MuiFormHelperText-root {
         color: ${props =>
             props.error ? props.theme.palette.common.red700 : props.theme.palette.common.grey700};