Note: The default ITS GitLab runner is a shared resource and is subject to slowdowns during heavy usage.
You can run your own GitLab runner that is dedicated just to your group if you need to avoid processing delays.

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
......
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