Commit 0008ae39 authored by Edu Trevisan's avatar Edu Trevisan

Fix Navbar

parent 374b4be7
......@@ -60,21 +60,25 @@ function NavigationBar() {
<nav className={`${contrastString}navBackground z-depth-2`} style={{ height: 65 }}>
<div className="nav-wrapper">
<Link className="brand-logo hide-on-med-and-down" to='/'>
<img alt='Logo do SMPPIR' id={'portal-logo'} src={logoSMPPIR} style={{ width: 200, marginLeft: 20, marginTop: 15 }} />
</Link>
<Link className="brand-logo center hide-on-large-only" to='/'>
<img alt='Logo do SMPPIR' id={'portal-logo'} src={logoSMPPIR} style={{ width: 200, marginLeft: 20, marginTop: 15 }} />
</Link>
<ul className="right hide-on-med-and-down">{links}</ul>
<div className="left hide-on-large-only">
<SideNav className={`${contrastString}navBackground`} trigger={<a href=""><i className={`material-icons ${contrastString}navIcon`} style={{ marginLeft: 20 }}>menu</i></a>} options={{closeOnClick:true}}>
{links}
</SideNav>
<div className="responsive-large">
<Link className="brand-logo" to='/'>
<img alt='Logo do SMPPIR' id={'portal-logo'} src={logoSMPPIR} style={{ width: 200, marginLeft: 20, marginTop: 15 }} />
</Link>
<ul className="right">{links}</ul>
</div>
<div className="responsive-small">
<Link className="brand-logo center" to='/'>
<img alt='Logo do SMPPIR' id={'portal-logo'} src={logoSMPPIR} style={{ width: 200, marginLeft: 20, marginTop: 15 }} />
</Link>
<div className="left">
<SideNav className={`${contrastString}navBackground`} trigger={<a href=""><i className={`material-icons ${contrastString}navIcon`} style={{ marginLeft: 20 }}>menu</i></a>} options={{closeOnClick:true}}>
{links}
</SideNav>
</div>
</div>
</div>
</nav>
)
......
......@@ -18,7 +18,20 @@ You should have received a copy of the GNU General Public License
along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
*/
.responsive-large {
display: none;
}
.responsive-small {
display: block;
}
@media only screen and (min-width: 1250px) {
.responsive-large {
display: block;
}
.responsive-small {
display: none;
}
}
ul.z-depth-2{
box-shadow: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment