ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make ~jobs header more consistent with main

This commit is contained in:
keyan 2022-03-07 12:11:58 -06:00
parent 7b0ce0c31b
commit 1ef824d273
1 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/header.js
View File

@ -81,9 +81,9 @@ export default function Header ({ sub }) {
</Link> </Link>
) )
: <NavDropdown.Item onClick={signIn}>post</NavDropdown.Item>} : <NavDropdown.Item onClick={signIn}>post</NavDropdown.Item>}
{sub <Link href='/~jobs' passHref>
? <Link href='/' passHref><NavDropdown.Item>home</NavDropdown.Item></Link> <NavDropdown.Item active={sub === 'jobs'}>~jobs</NavDropdown.Item>
: <Link href='/~jobs' passHref><NavDropdown.Item>~jobs</NavDropdown.Item></Link>} </Link>
</div> </div>
<NavDropdown.Divider /> <NavDropdown.Divider />
<div className='d-flex align-items-center'> <div className='d-flex align-items-center'>
@ -134,9 +134,7 @@ export default function Header ({ sub }) {
<div className='d-flex'> <div className='d-flex'>
<Link href='/' passHref> <Link href='/' passHref>
<Navbar.Brand className={`${styles.brand} d-none d-sm-block`}> <Navbar.Brand className={`${styles.brand} d-none d-sm-block`}>
{sub STACKER NEWS
? 'SN'
: 'STACKER NEWS'}
</Navbar.Brand> </Navbar.Brand>
</Link> </Link>
<Link href='/' passHref> <Link href='/' passHref>
@ -144,12 +142,6 @@ export default function Header ({ sub }) {
SN SN
</Navbar.Brand> </Navbar.Brand>
</Link> </Link>
{sub &&
<Link href={prefix} passHref>
<Navbar.Brand className={`${styles.brand} d-block`}>
<span>&nbsp;</span>{sub}
</Navbar.Brand>
</Link>}
</div> </div>
<Nav.Item className='d-md-flex d-none'> <Nav.Item className='d-md-flex d-none'>
<Link href={prefix + '/recent'} passHref> <Link href={prefix + '/recent'} passHref>
@ -172,11 +164,11 @@ export default function Header ({ sub }) {
: <Nav.Link className={styles.navLink} onClick={signIn}>post</Nav.Link>} : <Nav.Link className={styles.navLink} onClick={signIn}>post</Nav.Link>}
</Nav.Item> </Nav.Item>
<Nav.Item className='d-md-flex d-none'> <Nav.Item className='d-md-flex d-none'>
{sub <Link href='/~jobs' passHref>
? <Link href='/' passHref><Nav.Link className={styles.navLink}>home</Nav.Link></Link> <Nav.Link active={sub === 'jobs'} className={styles.navLink}>~jobs</Nav.Link>
: <Link href='/~jobs' passHref><Nav.Link className={styles.navLink}>~jobs</Nav.Link></Link>} </Link>
</Nav.Item> </Nav.Item>
<Nav.Item className={`text-monospace nav-link ${sub || me?.name.length > 6 ? 'd-none d-sm-flex' : ''}`}> <Nav.Item className='text-monospace nav-link'>
<Price /> <Price />
</Nav.Item> </Nav.Item>
<Corner /> <Corner />