align icons

This commit is contained in:
nikk gitanes
2021-06-17 23:15:02 +03:00
parent 3c85c70f37
commit 704e367195
2 changed files with 3 additions and 5 deletions

View File

@@ -26,8 +26,6 @@ const Sidebar = ({ isDrawerOpen, setIsDonationDialogOpen, isOffline, isLoading }
<Divider /> <Divider />
<List> <List>
<SettingsDialog /> <SettingsDialog />
</List>
<List>
<AboutDialog /> <AboutDialog />
<ListItem button onClick={() => setIsDonationDialogOpen(true)}> <ListItem button onClick={() => setIsDonationDialogOpen(true)}>
<ListItemIcon> <ListItemIcon>

View File

@@ -19,14 +19,14 @@ export const CenteredGrid = styled.div`
export const AppHeader = styled.div` export const AppHeader = styled.div`
background: #00a572; background: #00a572;
color: #eee; color: #fff;
grid-area: head; grid-area: head;
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;
align-items: center; align-items: center;
grid-template-columns: repeat(2, max-content) 1fr; grid-template-columns: repeat(2, max-content) 1fr;
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%); box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
padding: 0 24px; padding: 0 16px;
z-index: 3; z-index: 3;
` `
export const AppSidebarStyle = styled.div` export const AppSidebarStyle = styled.div`
@@ -77,7 +77,7 @@ export const LanguageSwitch = styled.div`
font-weight: 600; font-weight: 600;
display: grid; display: grid;
place-items: center; place-items: center;
color: #eee; color: #fff;
:hover { :hover {
background: #7ec9a3; background: #7ec9a3;