hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

responsiveness

Browse source
This commit is contained in:
Felix Roos 2026-01-20 22:29:16 +01:00
parent 3d3130e880
commit 4f14ff00d5
No known key found for this signature in database
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
website/src/repl/components/Header.jsx
View file

@ -19,14 +19,14 @@ export function Header({ context, embedded = false }) {
<header <header
id="header" id="header"
className={cx( className={cx(
'flex-none text-black z-[100] text-lg select-none h-10', 'flex-none text-black z-[100] text-sm select-none min-h-10',
!isZen && !isEmbedded && 'bg-lineHighlight', !isZen && !isEmbedded && 'bg-lineHighlight',
isZen ? 'h-12 w-8 fixed top-0 left-0' : 'sticky top-0 w-full py-1 justify-between', isZen ? 'h-12 w-8 fixed top-0 left-0' : 'sticky top-0 w-full justify-between',
isEmbedded ? 'flex' : 'md:flex', isEmbedded ? 'flex' : 'sm:flex',
)} )}
style={{ fontFamily }} style={{ fontFamily }}
> >
<div className="px-4 flex space-x-2 md:pt-0 select-none"> <div className="px-4 pt-1 flex space-x-2 md:pt-0 select-none">
<h1 <h1
onClick={() => { onClick={() => {
if (isEmbedded) window.open(window.location.href.replace('embed', '')); if (isEmbedded) window.open(window.location.href.replace('embed', ''));
@ -67,7 +67,7 @@ export function Header({ context, embedded = false }) {
</h1> </h1>
</div> </div>
{!isZen && !isButtonRowHidden && ( {!isZen && !isButtonRowHidden && (
<div className="flex max-w-full overflow-auto text-foreground px-2"> <div className="flex max-w-full overflow-auto text-foreground px-2 h-10 justify-end">
<button <button
onClick={handleTogglePlay} onClick={handleTogglePlay}
title={started ? 'stop' : 'play'} title={started ? 'stop' : 'play'}

2
website/src/repl/components/panel/Panel.jsx
View file

@ -48,7 +48,7 @@ export function VerticalPanel({ context }) {
return ( return (
<PanelNav <PanelNav
settings={settings} settings={settings}
className={cx(isPanelOpen ? `min-w-[min(600px,80vw)] max-w-[min(600px,80vw)]` : 'min-w-12 max-w-12')} className={cx(isPanelOpen ? `min-w-[min(600px,100vw)] max-w-[min(600px,80vw)]` : 'min-w-12 max-w-12')}
> >
<div className={cx('flex flex-col h-full')}> <div className={cx('flex flex-col h-full')}>
<div className="flex justify-between w-full "> <div className="flex justify-between w-full ">