sendnrw/netbird-docs
2
0
Fork 0
mirror of https://github.com/netbirdio/docs.git synced 2026-04-18 08:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix layout

Browse Source
This commit is contained in:
braginini
2023-05-24 12:30:00 +02:00
parent 04ea9c4991
commit 4b1eee2ce8
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Layout.jsx
View File

@@ -158,8 +158,7 @@ export function Layout({ children, title, tableOfContents }) {
</Link> </Link>
</div> </div>
<Header /> <Header />
{router.route.startsWith("/ipa") && <NavigationAPI className="hidden lg:mt-10 lg:block" tableOfContents={tableOfContents} />} {router.route.startsWith("/ipa") ? <NavigationAPI className="hidden lg:mt-10 lg:block" tableOfContents={tableOfContents} /> : <NavigationDocs className="hidden lg:mt-10 lg:block" />}
{!router.route.startsWith("/ipa") && <NavigationDocs className="hidden lg:mt-10 lg:block" />}
</div> </div>
</motion.header> </motion.header>
<div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-5"> <div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-5">
@@ -168,6 +167,7 @@ export function Layout({ children, title, tableOfContents }) {
</main> </main>
<Footer /> <Footer />
</div> </div>
{/*{router.route.startsWith("/ipa/resources") && <div className="w-64"></div>}*/}
{!router.route.startsWith("/ipa/resources") && <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6"> {!router.route.startsWith("/ipa/resources") && <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
<nav aria-labelledby="on-this-page-title" className="w-80"> <nav aria-labelledby="on-this-page-title" className="w-80">
{tableOfContents.length > 0 && ( {tableOfContents.length > 0 && (

4
typography.js
View File

@@ -45,11 +45,11 @@ module.exports = ({ theme }) => ({
// Layout // Layout
'> *': { '> *': {
maxWidth: theme('maxWidth.2xl'), maxWidth: theme('maxWidth.2xl'),
marginLeft: 'auto', marginLeft: 0,
marginRight: 'auto', marginRight: 'auto',
'@screen lg': { '@screen lg': {
maxWidth: theme('maxWidth.3xl'), maxWidth: theme('maxWidth.3xl'),
marginLeft: `calc(50% - min(50%, ${theme('maxWidth.lg')}))`, marginLeft: 0,
marginRight: `calc(50% - min(50%, ${theme('maxWidth.lg')}))`, marginRight: `calc(50% - min(50%, ${theme('maxWidth.lg')}))`,
}, },
}, },