This commit is contained in:
Felix Roos 2023-12-07 20:28:04 +01:00
parent 056fae518b
commit 2f9244e90d

View File

@ -20,10 +20,10 @@ export function PatternsTab({ context }) {
return ( return (
<div className="px-4 w-full text-foreground space-y-4"> <div className="px-4 w-full text-foreground space-y-4">
<section> <section>
<h2 className="text-xl mb-2">My Patterns</h2> <h2 className="text-xl mb-2">Pattern Collection</h2>
<div className="space-x-1"> <div className="space-x-4 border-b border-foreground mb-1">
<button <button
className="underline" className="hover:opacity-50"
onClick={() => { onClick={() => {
const name = newUserPattern(); const name = newUserPattern();
const { code } = getUserPattern(name); const { code } = getUserPattern(name);
@ -32,16 +32,16 @@ export function PatternsTab({ context }) {
> >
new new
</button> </button>
<button className="underline" onClick={() => duplicateActivePattern()}> <button className="hover:opacity-50" onClick={() => duplicateActivePattern()}>
duplicate duplicate
</button> </button>
<button className="underline" onClick={() => renameActivePattern()}> <button className="hover:opacity-50" onClick={() => renameActivePattern()}>
rename rename
</button> </button>
<button className="underline" onClick={() => deleteActivePattern()}> <button className="hover:opacity-50" onClick={() => deleteActivePattern()}>
delete delete
</button> </button>
<button className="underline" onClick={() => clearUserPatterns()}> <button className="hover:opacity-50" onClick={() => clearUserPatterns()}>
clear clear
</button> </button>
</div> </div>