VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(freesewing.dev): Layout tweaks

Browse source
This commit is contained in:
Joost De Cock 2022-05-12 19:17:51 +02:00
parent be08f0a695
commit 71d03bfb45
3 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/freesewing.dev/components/layouts/docs.js
View file

@ -60,7 +60,7 @@ const DefaultLayout = ({ app, title=false, children=[] }) => {
return ( return (
<div className="m-auto flex flex-row justify-center"> <div className="m-auto flex flex-row justify-center">
<Aside app={app} slug={slug} /> <Aside app={app} slug={slug} />
<section className="py-28 md:py-36 max-w-2/3"> <section className="py-28 md:py-36">
<div> <div>
{title && ( {title && (
<div className="px-8 xl:pl-8 2xl:pl-16"> <div className="px-8 xl:pl-8 2xl:pl-16">

10
packages/freesewing.shared/components/navigation/aside.js
View file

@ -10,11 +10,11 @@ const Aside = ({ app, slug, mobileOnly=false }) => (
md:flex md:sticky md:flex-row-reverse md:flex md:sticky md:flex-row-reverse
md:relative md:transform-none md:relative md:transform-none
px-8 py-24 px-8 py-24
shrink-0
md:w-40 md:w-24 md:px-2 md:justify-center
lg:w-1/2 lg:min-w-80 lg:pr-2 lg:border-r-2 lg:w-max lg:pr-2 lg:border-r-2
xl:w-1/3 xl:min-w-80 xl:pr-2 xl:border-0 xl:w-max xl:border-0
2xl:min-w-96 2xl:pr-8 2xl:pr-8
${mobileOnly ? 'block md:hidden' : ''} ${mobileOnly ? 'block md:hidden' : ''}
`}> `}>
<PrimaryNavigation app={app} active={slug}/> <PrimaryNavigation app={app} active={slug}/>

1
packages/freesewing.shared/components/wrappers/toc.js
View file

@ -29,6 +29,7 @@ const TocWrapper = ({toc, app}) => {
<div className={` <div className={`
mdx mdx-toc text-base-content text-lg lg:text-xl mdx mdx-toc text-base-content text-lg lg:text-xl
sticky top-8 max-h-screen overflow-y-auto sticky top-8 max-h-screen overflow-y-auto
max-w-prose
md:border-l-4 md:pl-4 md:mb-8 md:border-base-200 md:border-l-4 md:pl-4 md:mb-8 md:border-base-200
`} `}
> >