gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add podcasts menu

Browse Source
This commit is contained in:
Kamran Ahmed
2020-06-22 01:58:52 +04:00
parent 850a9ffc9d
commit 95fe79a0f1
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/site-nav/index.js
View File

@ -11,10 +11,13 @@ const SiteNav = () => (
<div className='nav-links'> <div className='nav-links'>
<a href='/roadmaps'>Roadmaps</a> <a href='/roadmaps'>Roadmaps</a>
<a href='/guides'>Guides</a> <a href='/guides'>Guides</a>
<a href='/podcasts'>Podcasts</a> <a href='/podcasts'>
Podcasts
<span className='new-item' />
</a>
</div> </div>
<div className='ml-3 align-items-center d-flex'> <div className='ml-3 align-items-center d-none d-md-flex'>
<iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&repo=developer-roadmap&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="190px" height="30px"></iframe> <iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&repo=developer-roadmap&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="190px" height="30px"></iframe>
</div> </div>
</div> </div>

11
components/site-nav/style.js
View File

@ -29,6 +29,7 @@ export const HeaderWrap = styled.div`
.nav-links { .nav-links {
a { a {
position: relative;
padding: 0 10px; padding: 0 10px;
text-decoration: none; text-decoration: none;
font-size: 16px; font-size: 16px;
@ -46,5 +47,15 @@ export const HeaderWrap = styled.div`
background: #2d2d2d; background: #2d2d2d;
} }
} }
.new-item {
position: absolute;
top: 0;
right: 0;
display: inline-block;
padding: 3px;
background: #e25712;
border-radius: 100%;
}
} }
`; `;