mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-26 04:58:27 +00:00
style
This commit is contained in:
parent
056fae518b
commit
2f9244e90d
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user