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

fix: vertical breakpoints on mobile

Browse Source
This commit is contained in:
Jade (Rose) Rowland 2024-10-14 15:01:05 -04:00
parent 8440fa42ea
commit bb4b7dc533
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
website/src/repl/components/panel/Panel.jsx
View File

@ -46,7 +46,10 @@ export function VerticalPanel({ context }) {
<PanelNav <PanelNav
onMouseEnter={(x) => setIsHovered(true)} onMouseEnter={(x) => setIsHovered(true)}
onMouseLeave={(x) => setIsHovered(false)} onMouseLeave={(x) => setIsHovered(false)}
className={cx('hover:w-[600px]', pinned ? `w-[600px]` : 'w-8')} className={cx(
'lg:hover:min-w-[600px] lg:hover:max-w-[600px] hover:min-w-[300px] hover:max-w-[300px] ',
pinned ? `lg:min-w-[600px] min-w-[300px] lg:max-w-[600px] min-max-[300px]` : 'min-w-8',
)}
> >
<div className={cx('group-hover:flex flex-col h-full', pinned ? 'flex' : 'hidden')}> <div className={cx('group-hover:flex flex-col h-full', pinned ? 'flex' : 'hidden')}>
<div className="flex justify-between w-full "> <div className="flex justify-between w-full ">
@ -54,7 +57,7 @@ export function VerticalPanel({ context }) {
<PinButton pinned={pinned} setPinned={setPanelPinned} /> <PinButton pinned={pinned} setPinned={setPanelPinned} />
</div> </div>
<div className="overflow-auto"> <div className="overflow-auto h-full">
<PanelContent context={context} tab={tab} /> <PanelContent context={context} tab={tab} />
</div> </div>
</div> </div>

4
website/src/repl/components/panel/PatternsTab.jsx
View File

@ -102,7 +102,7 @@ export function PatternsTab({ context }) {
const autoResetPatternOnChange = !isUdels(); const autoResetPatternOnChange = !isUdels();
return ( return (
<div className="px-4 w-full dark:text-white text-stone-900 space-y-2 flex flex-col overflow-hidden max-h-full"> <div className="px-4 w-full dark:text-white text-stone-900 space-y-2 flex flex-col overflow-hidden max-h-full h-full">
<ButtonGroup <ButtonGroup
value={patternFilter} value={patternFilter}
onChange={(value) => settingsMap.setKey('patternFilter', value)} onChange={(value) => settingsMap.setKey('patternFilter', value)}
@ -155,7 +155,7 @@ export function PatternsTab({ context }) {
</div> </div>
)} )}
<section className="flex overflow-y-scroll max-h-full flex-col"> <section className="flex overflow-y-auto max-h-full flex-grow flex-col">
{patternFilter === patternFilterName.user && ( {patternFilter === patternFilterName.user && (
<PatternButtons <PatternButtons
onClick={(id) => onClick={(id) =>