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

fix scroll

Browse source
This commit is contained in:
Jade (Rose) Rowland 2024-01-20 14:25:42 -05:00
parent 4fe75143d0
commit 6c28398d20
1 changed files with 52 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

14
website/src/repl/panel/PatternsTab.jsx
View file

@ -100,16 +100,13 @@ export function PatternsTab({ context }) {
const viewingPatternID = viewingPatternData?.id; const viewingPatternID = viewingPatternData?.id;
return ( return (
<div className="px-4 w-full dark:text-white text-stone-900 space-y-2 pb-4"> <div className="px-4 w-full dark:text-white text-stone-900 space-y-2 pb-4 flex flex-col overflow-hidden max-h-full">
<ButtonGroup <ButtonGroup
value={patternFilter} value={patternFilter}
onChange={(value) => settingsMap.setKey('patternFilter', value)} onChange={(value) => settingsMap.setKey('patternFilter', value)}
items={patternFilterName} items={patternFilterName}
></ButtonGroup> ></ButtonGroup>
<section> <div className="pr-4 space-x-4 border-b border-foreground mb-2 flex max-w-full items-center h-16 overflow-x-auto">
{patternFilter === patternFilterName.user && (
<div>
<div className="pr-4 space-x-4 border-b border-foreground mb-2 flex overflow-auto max-w-full items-center">
<ActionButton <ActionButton
label="new" label="new"
onClick={() => { onClick={() => {
@ -144,13 +141,16 @@ export function PatternsTab({ context }) {
<ActionButton label="export" onClick={exportPatterns} /> <ActionButton label="export" onClick={exportPatterns} />
<ActionButton <ActionButton
label="delete all" label="delete-all"
onClick={() => { onClick={() => {
const { data } = userPattern.clearAll(); const { data } = userPattern.clearAll();
updateCodeWindow(data); updateCodeWindow(data);
}} }}
/> />
</div> </div>
<section className="flex overflow-y-scroll max-h-full flex-col">
{patternFilter === patternFilterName.user && (
<PatternButtons <PatternButtons
onClick={(id) => updateCodeWindow({ ...userPatterns[id], collection: userPattern.collection }, false)} onClick={(id) => updateCodeWindow({ ...userPatterns[id], collection: userPattern.collection }, false)}
patterns={userPatterns} patterns={userPatterns}
@ -158,9 +158,7 @@ export function PatternsTab({ context }) {
activePattern={activePattern} activePattern={activePattern}
viewingPatternID={viewingPatternID} viewingPatternID={viewingPatternID}
/> />
</div>
)} )}
{patternFilter !== patternFilterName.user && {patternFilter !== patternFilterName.user &&
Array.from(collections.keys()).map((collection) => { Array.from(collections.keys()).map((collection) => {
const patterns = collections.get(collection); const patterns = collections.get(collection);