diff options
Diffstat (limited to 'packages/renderer')
3 files changed, 7 insertions, 7 deletions
diff --git a/packages/renderer/src/components/sidebar/ServiceIcon.tsx b/packages/renderer/src/components/sidebar/ServiceIcon.tsx index f3f025a..43af40b 100644 --- a/packages/renderer/src/components/sidebar/ServiceIcon.tsx +++ b/packages/renderer/src/components/sidebar/ServiceIcon.tsx | |||
@@ -59,7 +59,6 @@ const ServiceIconText = styled('div', { | |||
59 | 59 | ||
60 | const ServiceIconBadgeBase = styled(Badge)({ | 60 | const ServiceIconBadgeBase = styled(Badge)({ |
61 | '& > .MuiBadge-badge': { | 61 | '& > .MuiBadge-badge': { |
62 | // Place badge above the sidebar inner shadow. | ||
63 | zIndex: 200, | 62 | zIndex: 200, |
64 | }, | 63 | }, |
65 | }); | 64 | }); |
diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx index 56487df..4261205 100644 --- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx +++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx | |||
@@ -40,6 +40,7 @@ const ServiceSwitcherRoot = styled(Tabs, { | |||
40 | '.MuiTabs-indicator': { | 40 | '.MuiTabs-indicator': { |
41 | left: 0, | 41 | left: 0, |
42 | right: 'auto', | 42 | right: 'auto', |
43 | width: 4, | ||
43 | }, | 44 | }, |
44 | }); | 45 | }); |
45 | 46 | ||
@@ -55,7 +56,7 @@ const ServiceSwitcherTab = styled(Tab, { | |||
55 | '&.Mui-selected': { | 56 | '&.Mui-selected': { |
56 | backgroundColor: | 57 | backgroundColor: |
57 | theme.palette.mode === 'dark' | 58 | theme.palette.mode === 'dark' |
58 | ? alpha(theme.palette.text.primary, 0.13) | 59 | ? alpha(theme.palette.text.primary, 0.1) |
59 | : alpha(theme.palette.primary.light, 0.24), | 60 | : alpha(theme.palette.primary.light, 0.24), |
60 | }, | 61 | }, |
61 | })); | 62 | })); |
diff --git a/packages/renderer/src/components/sidebar/Sidebar.tsx b/packages/renderer/src/components/sidebar/Sidebar.tsx index 7308900..35b6f06 100644 --- a/packages/renderer/src/components/sidebar/Sidebar.tsx +++ b/packages/renderer/src/components/sidebar/Sidebar.tsx | |||
@@ -45,12 +45,12 @@ const SidebarRoot = styled(Box)(({ theme }) => ({ | |||
45 | '::after': { | 45 | '::after': { |
46 | content: '" "', | 46 | content: '" "', |
47 | position: 'absolute', | 47 | position: 'absolute', |
48 | top: '-20px', | 48 | top: 0, |
49 | bottom: '-20px', | 49 | bottom: 0, |
50 | right: '-20px', | 50 | right: 0, |
51 | width: 0, | ||
51 | zIndex: 100, | 52 | zIndex: 100, |
52 | width: '20px', | 53 | borderLeft: `1px solid ${theme.palette.divider}`, |
53 | boxShadow: theme.shadows[4], | ||
54 | }, | 54 | }, |
55 | })); | 55 | })); |
56 | 56 | ||