discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Header mobile style fixes

Browse Source
This commit is contained in:
kvakazyambra 2023-10-26 00:41:34 +03:00
parent c459db5813
commit b0706b1560
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Nav/Header/Header.module.scss
View File

@ -74,11 +74,10 @@
img { img {
height: 20px; height: 20px;
margin-top: 0.3rem;
object-fit: contain; object-fit: contain;
object-position: left; object-position: left;
position: relative; position: relative;
top: 0.3rem; top: 0.1rem;
transition: height 0.2s; transition: height 0.2s;
vertical-align: middle; vertical-align: middle;
width: 100px; width: 100px;
@ -308,7 +307,7 @@
.burger { .burger {
cursor: pointer; cursor: pointer;
height: 1.8rem; height: 1.6rem;
display: inline-block; display: inline-block;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
@ -356,13 +355,13 @@
} }
&::after { &::after {
bottom: 0.8rem; bottom: 0.7rem;
transform: rotate(-45deg); transform: rotate(-45deg);
} }
&::before { &::before {
transform: rotate(45deg); transform: rotate(45deg);
top: 0.8rem; top: 0.7rem;
} }
} }
} }

1
src/components/Nav/Header/Header.tsx
View File

@ -323,7 +323,6 @@ export const Header = (props: Props) => {
/> />
<div class={styles.mobileCopyright}> <div class={styles.mobileCopyright}>
{t('Discours')} &copy; 2015&ndash;{new Date().getFullYear()}{' '} {t('Discours')} &copy; 2015&ndash;{new Date().getFullYear()}{' '}
<a href="/">{t('Terms of use')}</a>
</div> </div>
</div> </div>
</div> </div>