VSinerva/freesewing
1
0
Fork 0
Code Activity

wip: More work on lab

Browse source
This commit is contained in:
joostdecock 2023-02-05 18:44:54 +01:00
parent d6d8c6f122
commit 7ce6ccbccf
19 changed files with 245 additions and 313 deletions
Download patch file Download diff file Expand all files Collapse all files

47
packages/new-design/shared/lab/components/layouts/lab.js
View file

@ -1,47 +0,0 @@
import ThemePicker from 'shared/components/theme-picker.js'
import LocalePicker from 'shared/components/locale-picker.js'
export const BeforeNav = ({ app }) => (
<>
<div className="md:hidden flex flex-row flex-wrap sm:flex-nowrap gap-2 mb-2">
<ThemePicker app={app} />
<LocalePicker app={app} />
</div>
<div className="md:hidden flex flex-row flex-wrap sm:flex-nowrap gap-2 mb-2">
</div>
</>
)
const LabLayout = ({ app, AltMenu, children=[] }) => (
<div className="py-24 lg:py-36 flex flex-row">
<div className="w-full px-8">
{children}
</div>
<aside className={`
fixed top-0 right-0
pt-20 pb-8 px-8
md:pt-0
md:relative md:transform-none
h-screen w-screen
bg-base-100
md:bg-base-50
md:flex
md:sticky
overflow-y-scroll
z-20
bg-base-100 text-base-content
transition-all
xl:w-1/4
${app.primaryMenu ? '' : 'translate-x-[-100%]'} transition-transform
md:flex-row
md:w-80
lg:w-96
shrink-0
`}>
<BeforeNav app={app}/>
{AltMenu}
</aside>
</div>
)
export default LabLayout