format header

This commit is contained in:
nikk gitanes
2021-07-17 10:56:04 +03:00
parent 3b33ace04f
commit 1baff783dd
8 changed files with 75 additions and 71 deletions

View File

@@ -64,7 +64,7 @@ export default function App() {
<AppWrapper>
<AppHeader>
<IconButton
style={{ marginRight: '20px' }}
style={{ marginRight: '6px' }}
color='inherit'
onClick={() => setIsDrawerOpen(!isDrawerOpen)}
edge='start'
@@ -96,7 +96,7 @@ export default function App() {
</HeaderToggle>
<HeaderToggle onClick={() => (currentLang === 'en' ? changeLang('ru') : changeLang('en'))}>
{currentLang === 'en' ? 'RU' : 'EN'}
{currentLang === 'en' ? 'EN' : 'RU'}
</HeaderToggle>
</div>
</AppHeader>

View File

@@ -103,13 +103,17 @@ export const HeaderToggle = styled.div`
color: #fff;
:hover {
background: ${rgba(headerToggleColor, 0.9)};
background: ${rgba(headerToggleColor, 0.7)};
}
@media (max-width: 700px) {
height: 28px;
width: 28px;
font-size: 12px;
svg {
width: 17px;
}
}
`}
`