layout tweaks

This commit is contained in:
Spectralitree 2021-01-06 13:10:40 +01:00
parent d193a5cf71
commit e0cb8fb95b

View File

@ -98,14 +98,14 @@ export default function App() {
return ( return (
<div className={localStorage.getItem('opendyslexic') ? "opendyslexic" : ""}> <div className={ `contents ${localStorage.getItem('opendyslexic') ? "opendyslexic" : ""}`}>
<Router history={history} basename="/pk-webs"> <Router history={history} basename="/pk-webs">
<BS.Navbar className="mb-5 align-items-center"> <BS.Navbar className="mb-5 align-items-center">
<BS.Navbar.Brand href="/pk-webs"> <BS.Navbar.Brand href="/pk-webs">
pk-webs pk-webs
</BS.Navbar.Brand> </BS.Navbar.Brand>
<BS.NavDropdown id="menu" className="mr-auto" title="Menu"> <BS.NavDropdown id="menu" className="mr-auto" title="Menu">
<BS.NavDropdown.Item onClick={() => history.push('/pk-webs/dash')} >Dash</BS.NavDropdown.Item> <BS.NavDropdown.Item onClick={() => history.push('/pk-webs/dash/reload')} >Dash</BS.NavDropdown.Item>
<BS.NavDropdown.Item onClick={() => history.push('/pk-webs/settings')} >Settings</BS.NavDropdown.Item> <BS.NavDropdown.Item onClick={() => history.push('/pk-webs/settings')} >Settings</BS.NavDropdown.Item>
<BS.NavDropdown.Item onClick={() => history.push('/pk-webs/profile')}>Public profile</BS.NavDropdown.Item> <BS.NavDropdown.Item onClick={() => history.push('/pk-webs/profile')}>Public profile</BS.NavDropdown.Item>
{ localStorage.getItem('token') ? <><hr className="my-1"/><BS.NavDropdown.Item onClick={() => logOut()}>Log out</BS.NavDropdown.Item></> : "" } { localStorage.getItem('token') ? <><hr className="my-1"/><BS.NavDropdown.Item onClick={() => logOut()}>Log out</BS.NavDropdown.Item></> : "" }
@ -119,6 +119,7 @@ export default function App() {
{darkMode.value ? <FaMoon className="m-1"/> : <FaSun className="m-1"/>} {darkMode.value ? <FaMoon className="m-1"/> : <FaSun className="m-1"/>}
</BS.Nav> </BS.Nav>
</BS.Navbar> </BS.Navbar>
<div className="content">
<BS.Container> <BS.Container>
<Switch> <Switch>
<Redirect exact from="/pk-webs/dash/reload" to="/pk-webs/dash" /> <Redirect exact from="/pk-webs/dash/reload" to="/pk-webs/dash" />
@ -238,6 +239,7 @@ export default function App() {
</Route> </Route>
</Switch> </Switch>
</BS.Container> </BS.Container>
</div>
<Footer /> <Footer />
</Router> </Router>
</div> </div>