fix scroll

This commit is contained in:
Jade (Rose) Rowland 2024-01-20 14:25:42 -05:00
parent 4fe75143d0
commit 6c28398d20

View file

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