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 () {
const router = useRouter()
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
}
@ -272,7 +272,7 @@ export default function Header ({ sub }) {
return (
<>
<Container className='px-0'>
<Navbar className='pb-0 pb-md-2'>
<Navbar className='pb-0 pb-lg-2'>
<Nav
className={styles.navbarNav}
activeKey={topNavKey}
@ -285,10 +285,10 @@ export default function Header ({ sub }) {
</Navbar.Brand>
</Link>
</div>
<NavItems className='d-none d-md-flex mx-2' />
<PostItem className='d-none d-md-flex mx-2' />
<NavItems className='d-none d-lg-flex mx-2' />
<PostItem className='d-none d-lg-flex mx-2' />
<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} />
</Nav.Link>
</Link>
@ -298,7 +298,7 @@ export default function Header ({ sub }) {
<Corner />
</Nav>
</Navbar>
<Navbar className='pt-0 pb-2 d-md-none'>
<Navbar className='pt-0 pb-2 d-lg-none'>
<Nav
className={`${styles.navbarNav}`}
activeKey={topNavKey}
@ -320,7 +320,7 @@ export default function Header ({ sub }) {
export function HeaderStatic () {
return (
<Container className='px-sm-0'>
<Navbar className='pb-0 pb-md-1'>
<Navbar className='pb-0 pb-lg-1'>
<Nav
className={styles.navbarNav}
>

8
components/header.module.css
View File

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

2
pages/_document.js
View File

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

2
styles/globals.scss
View File

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