Skip to content

Commit 5e6c842

Browse files
committed
Added Icons in Navbar
1 parent 1a705c2 commit 5e6c842

File tree

6 files changed

+11
-32
lines changed

6 files changed

+11
-32
lines changed

src/components/Navbar/Navbar.css

Lines changed: 3 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -31,32 +31,11 @@
3131
background-color: #4CAF50;
3232
color: white;
3333
}
34-
.slack{
35-
display: inline-block;
36-
vertical-align:middle;
37-
margin-top: 10px;
38-
width: 60px;
39-
height: 40px;
40-
}
41-
.youtube{
42-
vertical-align:middle;
43-
margin-top: 10px;
44-
width: 70px;
45-
height: 50px;
46-
display: inline-block;
47-
}
48-
.github{
49-
margin-top: 10px;
50-
vertical-align:middle;
51-
width: 60px;
52-
height: 50px;
53-
display: inline-block;
54-
}
55-
.twitter{
34+
35+
.logo{
5636
margin-top: 10px;
5737
width: 60px;
5838
vertical-align:middle;
5939
height: 50px;
60-
fill: white;
6140
display: inline-block;
62-
}
41+
}

src/components/Navbar/Navbar.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,19 +9,19 @@ class Navbar extends Component {
99
return (
1010
<div className="topnav">
1111
<a href="https://join.slack.com/t/firstcontributors/shared_invite/enQtNjkxNzQwNzA2MTMwLTVhMWJjNjg2ODRlNWZhNjIzYjgwNDIyZWYwZjhjYTQ4OTBjMWM0MmFhZDUxNzBiYzczMGNiYzcxNjkzZDZlMDM" target="_blank" rel="noopener noreferrer">
12-
<img src={slack} className="slack"/>
12+
<img src={slack} className="logo"/>
1313
<span>Slack</span>
1414
</a>
1515
<a href="https://www.youtube.com/channel/UCMXNFxCvyH5LhUwEcmY8qGQ" target="_blank" rel="noopener noreferrer">
16-
<img src={youtube} className="youtube"/>
16+
<img src={youtube} className="logo"/>
1717
<span>Youtube</span>
1818
</a>
1919
<a href="https://twitter.com/1stContribution" target="_blank" rel="noopener noreferrer">
20-
<img src={twitter} className="twitter"/>
20+
<img src={twitter} className="logo"/>
2121
<span>Twitter</span>
2222
</a>
2323
<a href="https://github.com/firstcontributions/first-contributions" target="_blank" rel="noopener noreferrer">
24-
<img src={github} className="github"/>
24+
<img src={github} className="logo"/>
2525
Github
2626
</a>
2727
</div>

src/components/Navbar/github.svg

Lines changed: 1 addition & 1 deletion
Loading

src/components/Navbar/slack.svg

Lines changed: 1 addition & 1 deletion
Loading

src/components/Navbar/twitter.svg

Lines changed: 1 addition & 1 deletion
Loading

src/components/Navbar/youtube.svg

Lines changed: 1 addition & 1 deletion
Loading

0 commit comments

Comments
 (0)