mitchell/mjfs.us
1
0
Fork 0
mirror of https://github.com/mitchell/mjfs.us.git synced 2025-12-19 13:47:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Reached an MVP to deploy on S3 and CloudFront; to be further improved upon.

Browse source
This commit is contained in:
mitchelljfs 2018-05-18 01:54:42 -07:00
parent 7bc8e8b7ca
commit ee77a085f3
12 changed files with 57 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/Navbar/index.css
View file

@ -14,7 +14,11 @@
float: right;
margin: 5px;
padding: 5px 10px;
transition: background-color 0.2s, box-shadow 0.1s;
transition: box-shadow 0.1s;
}
.navbar-button-close {
background-color: rgb(206, 135, 111);
}
.navbar-button:active {
@ -22,8 +26,8 @@
}
.navbar-menu {
margin: 0 20%;
width: 60%;
margin: 0 18.75%;
width: 62.5%;
}
.navbar-menu div {
@ -32,7 +36,7 @@
float: left;
margin: 1% 2.5%;
overflow: hidden;
padding: 5px 0;
padding: 7px 0;
text-overflow: ellipsis;
transition: background-color 0.2s, box-shadow 0.1s;
width: 20%;
@ -59,11 +63,12 @@
}
.navbar-menu {
margin: 10%;
width: 80%;
margin: auto;
width: 75%;
}
.navbar-menu div {
margin: 5px 0;
padding: 5px 0;
width: 100%;
}

2
src/components/Navbar/index.js
View file

@ -11,7 +11,7 @@ class Navbar extends React.Component {
return (
<ResponsiveMenu
menuOpenButton={<div className='navbar-button'><FontAwesomeIcon icon={faBars} /></div>}
menuCloseButton={<div className='navbar-button'><FontAwesomeIcon icon={faBars} /></div>}
menuCloseButton={<div className='navbar-button navbar-button-close'><FontAwesomeIcon icon={faBars} /></div>}
changeMenuOn='500px'
largeMenuClassName='navbar'
smallMenuClassName='navbar'