elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-26 21:18:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix panel scroll

Browse Source 
+ move to bottom when minimized
This commit is contained in:
Felix Roos 2023-08-18 23:45:55 +02:00
parent 3afe540111
commit 37a35022f5
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,7 +16,7 @@ const TAURI = window.__TAURI__;
export function Footer({ context }) { export function Footer({ context }) {
const footerContent = useRef(); const footerContent = useRef();
const [log, setLog] = useState([]); const [log, setLog] = useState([]);
const { activeFooter, isZen, panelPosition: position } = useSettings(); const{ activeFooter, isZen, panelPosition } = useSettings();
useLayoutEffect(() => { useLayoutEffect(() => {
if (footerContent.current && activeFooter === 'console') { if (footerContent.current && activeFooter === 'console') {
@ -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: 'h-[360px] min-h-[360px] relative', bottom: cx('relative', isActive ? 'h-[360px] min-h-[360px]' : ''),
}; };
return ( return (
<nav className={cx('bg-lineHighlight z-[1000] flex flex-col', positions[position])}> <nav className={cx('bg-lineHighlight z-[1000] flex flex-col', positions[panelPosition])}>
<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" />

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

@ -114,7 +114,7 @@ export function Repl({ embedded = false }) {
const [view, setView] = useState(); // codemirror view const [view, setView] = useState(); // codemirror view
const [lastShared, setLastShared] = useState(); const [lastShared, setLastShared] = useState();
const [pending, setPending] = useState(true); const [pending, setPending] = useState(true);
const { let {
theme, theme,
keybindings, keybindings,
fontSize, fontSize,

1
website/src/settings.mjs
View File

@ -28,6 +28,7 @@ export function useSettings() {
isAutoCompletionEnabled: [true, 'true'].includes(state.isAutoCompletionEnabled) ? true : false, isAutoCompletionEnabled: [true, 'true'].includes(state.isAutoCompletionEnabled) ? true : false,
isLineWrappingEnabled: [true, 'true'].includes(state.isLineWrappingEnabled) ? true : false, isLineWrappingEnabled: [true, 'true'].includes(state.isLineWrappingEnabled) ? true : false,
fontSize: Number(state.fontSize), fontSize: Number(state.fontSize),
panelPosition: state.activeFooter !== '' ? state.panelPosition : 'bottom',
}; };
} }