diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-03-18 13:48:03 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-05-16 00:54:56 +0200 |
commit | 656e674e342b2b59b4236b6a2c830ab0a0da7f49 (patch) | |
tree | cc752445d4fc0b5bca01b8cc01dfe216ed35134a /packages | |
parent | feat: Open in external browser (diff) | |
download | sophie-656e674e342b2b59b4236b6a2c830ab0a0da7f49.tar.gz sophie-656e674e342b2b59b4236b6a2c830ab0a0da7f49.tar.zst sophie-656e674e342b2b59b4236b6a2c830ab0a0da7f49.zip |
design: Increase location bar UI density
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages')
4 files changed, 11 insertions, 6 deletions
diff --git a/packages/renderer/src/components/ThemeProvider.tsx b/packages/renderer/src/components/ThemeProvider.tsx index 5fc1f33..18dc2a8 100644 --- a/packages/renderer/src/components/ThemeProvider.tsx +++ b/packages/renderer/src/components/ThemeProvider.tsx | |||
@@ -48,6 +48,13 @@ export default observer( | |||
48 | }, | 48 | }, |
49 | }, | 49 | }, |
50 | }, | 50 | }, |
51 | MuiIconButton: { | ||
52 | styleOverrides: { | ||
53 | sizeMedium: { | ||
54 | padding: 6, | ||
55 | }, | ||
56 | }, | ||
57 | }, | ||
51 | }, | 58 | }, |
52 | }); | 59 | }); |
53 | 60 | ||
diff --git a/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx b/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx index a3cd2c5..640cbb4 100644 --- a/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx +++ b/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx | |||
@@ -25,7 +25,7 @@ const LocationInputAdornment = styled(InputAdornment, { | |||
25 | name: 'LocationInputAdornment', | 25 | name: 'LocationInputAdornment', |
26 | })(({ theme: { direction }, position }) => { | 26 | })(({ theme: { direction }, position }) => { |
27 | const left = direction === 'ltr' ? 'start' : 'end'; | 27 | const left = direction === 'ltr' ? 'start' : 'end'; |
28 | const marginStart = -8; | 28 | const marginStart = -10; |
29 | const marginEnd = 2; | 29 | const marginEnd = 2; |
30 | return position === left | 30 | return position === left |
31 | ? { | 31 | ? { |
diff --git a/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx b/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx index 55c1fb8..a09cc57 100644 --- a/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx +++ b/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx | |||
@@ -33,8 +33,7 @@ const LocationOverlayInputRoot = styled('div', { | |||
33 | shouldForwardProp: (prop) => prop !== 'overlayVisible', | 33 | shouldForwardProp: (prop) => prop !== 'overlayVisible', |
34 | })<{ overlayVisible: boolean }>(({ theme, overlayVisible }) => { | 34 | })<{ overlayVisible: boolean }>(({ theme, overlayVisible }) => { |
35 | const itemStyle = { | 35 | const itemStyle = { |
36 | paddingLeft: 0, | 36 | padding: '6px 0 7px 0', |
37 | paddingRight: 0, | ||
38 | }; | 37 | }; |
39 | return { | 38 | return { |
40 | display: 'flex', | 39 | display: 'flex', |
diff --git a/packages/renderer/src/components/locationBar/LocationTextField.tsx b/packages/renderer/src/components/locationBar/LocationTextField.tsx index 057dd69..5563479 100644 --- a/packages/renderer/src/components/locationBar/LocationTextField.tsx +++ b/packages/renderer/src/components/locationBar/LocationTextField.tsx | |||
@@ -36,9 +36,8 @@ const LocationTextFieldRoot = styled(FilledInput, { | |||
36 | name: 'LocationTextField', | 36 | name: 'LocationTextField', |
37 | slot: 'Root', | 37 | slot: 'Root', |
38 | })(({ theme }) => ({ | 38 | })(({ theme }) => ({ |
39 | paddingLeft: 12, | 39 | padding: '0 12px', |
40 | paddingRight: 12, | 40 | borderRadius: 18, |
41 | borderRadius: 20, | ||
42 | '&.Mui-focused': { | 41 | '&.Mui-focused': { |
43 | outline: `2px solid ${theme.palette.primary.main}`, | 42 | outline: `2px solid ${theme.palette.primary.main}`, |
44 | }, | 43 | }, |