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

Fix layout

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

3
src/components/Layout.jsx
View File

@@ -3,7 +3,7 @@ import Link from 'next/link'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import clsx from 'clsx' import clsx from 'clsx'
import { Logo, Logomark } from '@/components/Logo' import { Logo } from '@/components/Logo'
import { Prose } from '@/components/Prose' import { Prose } from '@/components/Prose'
import {HeroPattern} from "@/components/HeroPattern"; import {HeroPattern} from "@/components/HeroPattern";
import {NavigationDocs} from "@/components/NavigationDocs"; import {NavigationDocs} from "@/components/NavigationDocs";
@@ -167,7 +167,6 @@ 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: 0, marginLeft: 10,
marginRight: 'auto', marginRight: 'auto',
'@screen lg': { '@screen lg': {
maxWidth: theme('maxWidth.3xl'), maxWidth: theme('maxWidth.3xl'),
marginLeft: 0, marginLeft: 10,
marginRight: `calc(50% - min(50%, ${theme('maxWidth.lg')}))`, marginRight: `calc(50% - min(50%, ${theme('maxWidth.lg')}))`,
}, },
}, },