gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(ui): adjust settings link styles

Browse Source
This commit is contained in:
Valeriy
2019-03-09 21:48:01 +03:00
committed by mrugesh mohapatra
parent 4994cd828e
commit 05ce26fb74
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/Header/components/SignedIn.js
View File

@ -15,8 +15,8 @@ const mapStateToProps = createSelector(
function SignedIn({ picture }) { function SignedIn({ picture }) {
return ( return (
<Link to='/settings'> <Link className='settings-link' to='/settings'>
<img alt='' height='38px' src={picture} /> <img alt='' className='user-avatar' src={picture} />
</Link> </Link>
); );
} }

13
client/src/components/Header/header.css
View File

@ -26,7 +26,7 @@ header {
align-items: center; align-items: center;
} }
#top-nav img { #top-nav .nav-logo {
max-height: 25px; max-height: 25px;
min-width: 35px; min-width: 35px;
margin: 0 5px; margin: 0 5px;
@ -169,10 +169,15 @@ header {
color: #006400; color: #006400;
} }
#top-right-nav .signup-btn { #top-right-nav .signup-btn,
#top-right-nav .settings-link {
margin: 0 15px; margin: 0 15px;
} }
#top-right-nav .user-avatar {
max-height: calc(var(--header-height) - 4px);
}
@media (max-width: 734px) { @media (max-width: 734px) {
#top-nav { #top-nav {
padding: 0; padding: 0;
@ -188,13 +193,13 @@ header {
padding: 10px 0; padding: 10px 0;
} }
#top-nav img { #top-nav .nav-logo {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
} }
@media (max-width: 420px) { @media (max-width: 420px) {
#top-nav img { #top-nav .nav-logo {
margin: 0 0 0 5px; margin: 0 0 0 5px;
} }