Commit ae2836ab authored by David Haynes's avatar David Haynes 🙆

NavBar finished again again

- better use of space on desktop and mobile
parent 6ee83f33
Pipeline #3559 passed with stage
in 1 minute and 14 seconds
......@@ -32,11 +32,11 @@ class AuthButton extends React.Component {
return (
<div>
{is_auth ? (
<Button color="info" href="/auth/logout">
<Button outline color="accent" href="/auth/logout">
Logout <i className="fas fa-sign-out-alt" />
</Button>
) : (
<Button color="info" href="/auth/login">
<Button outline color="accent" href="/auth/login">
Login <i className="fas fa-sign-in-alt" />
</Button>
)}
......
......@@ -36,15 +36,14 @@ class NavBar extends React.Component {
<img
src="static/go.svg"
className="d-inline-block align-top"
width="30"
height="30"
width="42"
height="42"
alt="SRCT Go"
/>
Go
</NavbarBrand>
<NavbarToggler onClick={this.toggleNavbar} className="mr-2" />
<NavbarToggler onClick={this.toggleNavbar} className="ml-auto" />
<Collapse isOpen={!this.state.collapsed} navbar>
<Nav className="ml-auto" navbar>
<Nav className="mx-auto" navbar>
<NavItem>
<NavLink href="#/dhaynes" active={pathname == "/dhaynes"}>
Dhaynes
......@@ -60,8 +59,8 @@ class NavBar extends React.Component {
Debug
</NavLink>
</NavItem>
<AuthButton />
</Nav>
<AuthButton className="ml-auto" />
</Collapse>
</Container>
</Navbar>
......
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