elias/strudel
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-11 21:58:37 +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 = {
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 (
<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={cx('flex select-none max-w-full overflow-auto', activeFooter && 'pb-2')}>
<FooterTab name="intro" label="welcome" />
@ -96,13 +96,15 @@ export function Footer({ context }) {
)}
</div>
{activeFooter !== '' && (
<div className="text-white flex-none h-full overflow-auto max-w-full relative" ref={footerContent}>
{activeFooter === 'intro' && <WelcomeTab />}
{activeFooter === 'console' && <ConsoleTab log={log} />}
{activeFooter === 'sounds' && <SoundsTab />}
{activeFooter === 'reference' && <Reference />}
{activeFooter === 'settings' && <SettingsTab scheduler={context.scheduler} />}
{activeFooter === 'files' && <FilesTab />}
<div className="relative overflow-hidden">
<div className="text-white overflow-auto h-full max-w-full" ref={footerContent}>
{activeFooter === 'intro' && <WelcomeTab />}
{activeFooter === 'console' && <ConsoleTab log={log} />}
{activeFooter === 'sounds' && <SoundsTab />}
{activeFooter === 'reference' && <Reference />}
{activeFooter === 'settings' && <SettingsTab scheduler={context.scheduler} />}
{activeFooter === 'files' && <FilesTab />}
</div>
</div>
)}
</nav>

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

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