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

make room in header to pwa back button

This commit is contained in:
keyan 2023-06-01 19:34:26 -05:00
parent 25b93546ad
commit d4988694c8
4 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/header.js
View File

@ -30,7 +30,7 @@ function WalletSummary ({ me }) {
function Back () { function Back () {
const router = useRouter() const router = useRouter()
if (typeof window !== 'undefined' && (typeof window.navigation === 'undefined' || window.navigation.canGoBack === undefined || window?.navigation.canGoBack)) { if (typeof window !== 'undefined' && (typeof window.navigation === 'undefined' || window.navigation.canGoBack === undefined || window?.navigation.canGoBack)) {
return <BackArrow className='theme standalone mr-2' width={22} height={22} onClick={() => router.back()} /> return <BackArrow className='theme standalone mr-1 mr-md-2' width={22} height={22} onClick={() => router.back()} />
} }
return null return null
} }
@ -272,7 +272,7 @@ export default function Header ({ sub }) {
return ( return (
<> <>
<Container className='px-0'> <Container className='px-0'>
<Navbar className='pb-0 pb-md-2'> <Navbar className='pb-0 pb-lg-2'>
<Nav <Nav
className={styles.navbarNav} className={styles.navbarNav}
activeKey={topNavKey} activeKey={topNavKey}
@ -285,10 +285,10 @@ export default function Header ({ sub }) {
</Navbar.Brand> </Navbar.Brand>
</Link> </Link>
</div> </div>
<NavItems className='d-none d-md-flex mx-2' /> <NavItems className='d-none d-lg-flex mx-2' />
<PostItem className='d-none d-md-flex mx-2' /> <PostItem className='d-none d-lg-flex mx-2' />
<Link href='/search' passHref> <Link href='/search' passHref>
<Nav.Link eventKey='search' className='position-relative d-none d-md-flex align-items-center pr-0 ml-2'> <Nav.Link eventKey='search' className='position-relative d-none d-lg-flex align-items-center pr-0 ml-2'>
<SearchIcon className='theme' width={22} height={22} /> <SearchIcon className='theme' width={22} height={22} />
</Nav.Link> </Nav.Link>
</Link> </Link>
@ -298,7 +298,7 @@ export default function Header ({ sub }) {
<Corner /> <Corner />
</Nav> </Nav>
</Navbar> </Navbar>
<Navbar className='pt-0 pb-2 d-md-none'> <Navbar className='pt-0 pb-2 d-lg-none'>
<Nav <Nav
className={`${styles.navbarNav}`} className={`${styles.navbarNav}`}
activeKey={topNavKey} activeKey={topNavKey}
@ -320,7 +320,7 @@ export default function Header ({ sub }) {
export function HeaderStatic () { export function HeaderStatic () {
return ( return (
<Container className='px-sm-0'> <Container className='px-sm-0'>
<Navbar className='pb-0 pb-md-1'> <Navbar className='pb-0 pb-lg-1'>
<Nav <Nav
className={styles.navbarNav} className={styles.navbarNav}
> >

8
components/header.module.css
View File

@ -55,6 +55,14 @@
.price { .price {
margin-top: 2px; margin-top: 2px;
white-space: nowrap;
display: flex;
flex-grow: 1;
justify-content: center;
}
.price > div {
font-size: min(3.5cqw, 0.9rem);
} }
.dropdown { .dropdown {

2
pages/_document.js
View File

@ -13,7 +13,7 @@ class MyDocument extends Document {
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: __html:
` @font-face { ` @font-face {
font-family: lightning; font-family: 'lightning';
src: url(${publicPrefix}/Lightningvolt-xoqm.ttf); src: url(${publicPrefix}/Lightningvolt-xoqm.ttf);
font-display: swap; font-display: swap;
}` }`

2
styles/globals.scss
View File

@ -55,7 +55,7 @@ $tooltip-bg: #5c8001;
@import "~bootstrap/scss/bootstrap"; @import "~bootstrap/scss/bootstrap";
@media screen and (min-width: 767px) { @media screen and (min-width: 899px) {
.table-sm th, .table-sm th,
.table-sm td { .table-sm td {