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 }) {
return (
<Link to='/settings'>
<img alt='' height='38px' src={picture} />
<Link className='settings-link' to='/settings'>
<img alt='' className='user-avatar' src={picture} />
</Link>
);
}

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

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