elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-20 10:08:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix panel scroll

Browse Source
This commit is contained in:
Felix Roos 2023-08-18 23:19:19 +02:00
parent f6789aaace
commit dabc0331cb
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
website/src/repl/Footer.jsx
View File

@ -76,10 +76,10 @@ export function Footer({ context }) {
let positions = { let positions = {
right: cx('max-w-full flex-grow-0 flex-none overflow-hidden', isActive ? 'w-[600px] h-full' : 'absolute right-0'), right: cx('max-w-full flex-grow-0 flex-none overflow-hidden', isActive ? 'w-[600px] h-full' : 'absolute right-0'),
bottom: '', bottom: 'h-[360px] min-h-[360px] relative',
}; };
return ( return (
<nav className={cx('bg-lineHighlight z-[1000]', positions[position])}> <nav className={cx('bg-lineHighlight z-[1000] flex flex-col', positions[position])}>
<div className="flex justify-between px-2"> <div className="flex justify-between px-2">
<div className={cx('flex select-none max-w-full overflow-auto', activeFooter && 'pb-2')}> <div className={cx('flex select-none max-w-full overflow-auto', activeFooter && 'pb-2')}>
<FooterTab name="intro" label="welcome" /> <FooterTab name="intro" label="welcome" />
@ -96,13 +96,15 @@ export function Footer({ context }) {
)} )}
</div> </div>
{activeFooter !== '' && ( {activeFooter !== '' && (
<div className="text-white flex-none h-full overflow-auto max-w-full relative" ref={footerContent}> <div className="relative overflow-hidden">
{activeFooter === 'intro' && <WelcomeTab />} <div className="text-white overflow-auto h-full max-w-full" ref={footerContent}>
{activeFooter === 'console' && <ConsoleTab log={log} />} {activeFooter === 'intro' && <WelcomeTab />}
{activeFooter === 'sounds' && <SoundsTab />} {activeFooter === 'console' && <ConsoleTab log={log} />}
{activeFooter === 'reference' && <Reference />} {activeFooter === 'sounds' && <SoundsTab />}
{activeFooter === 'settings' && <SettingsTab scheduler={context.scheduler} />} {activeFooter === 'reference' && <Reference />}
{activeFooter === 'files' && <FilesTab />} {activeFooter === 'settings' && <SettingsTab scheduler={context.scheduler} />}
{activeFooter === 'files' && <FilesTab />}
</div>
</div> </div>
)} )}
</nav> </nav>

2
website/src/repl/Repl.jsx
View File

@ -291,7 +291,7 @@ export function Repl({ embedded = false }) {
<div <div
className={cx( className={cx(
'h-full flex flex-col relative', 'h-full flex flex-col relative',
// 'bg-gradient-to-t from-green-900 to-slate-900', // // overflow-hidden
)} )}
> >
<Loader active={pending} /> <Loader active={pending} />