Commit d5a3f591 authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

modify css for navbar

parent 6da9db68
......@@ -2,12 +2,18 @@
box-sizing: border-box;
}
.navbar-brand-logo {
width: 10rem;
height: 2.5rem;
vertical-align: middle;
.navbar-brand {
height: 4rem;
.navbar-brand-logo {
width: 10rem;
height: 2.5rem;
vertical-align: middle;
}
}
// index
.index-grid {
display: block;
......
......@@ -23,7 +23,7 @@ const Navbar = () => {
const data = useStaticQuery(getLogo)
return (
<nav className="navbar navbar-expand-sm bg-light navbar-light">
<nav className="navbar navbar-expand-sm navbar-light border-bottom border-light">
<div class="container">
<Link to="/" className="navbar-brand">
<Img fluid={data.logo.childImageSharp.fluid} className="navbar-brand-logo"/>
......@@ -33,11 +33,11 @@ const Navbar = () => {
</button>
<div className={
isOpen
? "collapse navbar-collapse show"
: "collapse navbar-collapse"
? "collapse navbar-collapse flex-row show"
: "collapse navbar-collapse flex-row-reverse"
}
>
<ul className="navbar-nav mx-auto">
<ul className="navbar-nav float-right">
<li className="nav-item">
<Link to="/about" className="nav-link">
About
......
Supports Markdown
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