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

refactor(client): Nav logo to be served as a React svg compone… (#37136)

Browse Source 
* Refactor fccLogo to be served as a React svg component.

* fix: brand naming conventions


Co-authored-by: mrugesh <me@raisedadead.com>
This commit is contained in:
Nawazish Ali
2019-10-09 13:22:51 +05:00
committed by mrugesh
parent 51fe2bf128
commit d3f0494518
3 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/assets/icons/freeCodeCampLogo.js Normal file
View File

File diff suppressed because one or more lines are too long

13
client/src/components/Header/components/NavLogo.js
View File

@ -1,17 +1,8 @@
import React from 'react'; import React from 'react';
import freeCodeCampLogo from '../../../assets/icons/freeCodeCampLogo';
const fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg';
function NavLogo() { function NavLogo() {
return ( return <freeCodeCampLogo />;
<picture>
<img
alt='learn to code at freeCodeCamp logo'
className='nav-logo'
src={fCClogo}
/>
</picture>
);
} }
NavLogo.displayName = 'NavLogo'; NavLogo.displayName = 'NavLogo';

2
client/src/components/Header/components/universalNav.css
View File

@ -49,7 +49,7 @@
background-color: var(--theme-color); background-color: var(--theme-color);
} }
#universal-nav-logo img { #universal-nav-logo svg {
display: block; display: block;
width: auto; width: auto;
height: 25px; height: 25px;