elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-27 05:28:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

style sounds and patterns tab more consistently

Browse Source
This commit is contained in:
Felix Roos 2023-12-08 09:30:06 +01:00
parent 8dd0e9600d
commit 31cd626820
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
website/src/repl/panel/PatternsTab.jsx
View File

@ -22,8 +22,7 @@ export function PatternsTab({ context }) {
return ( return (
<div className="px-4 w-full dark:text-white text-stone-900 space-y-4 pb-4"> <div className="px-4 w-full dark:text-white text-stone-900 space-y-4 pb-4">
<section> <section>
<h2 className="text-xl mb-2">Pattern Collection</h2> <div className="px-4 space-x-4 border-b border-foreground mb-2 h-8">
<div className="space-x-4 border-b border-foreground mb-2 pb-1">
<button <button
className="hover:opacity-50" className="hover:opacity-50"
onClick={() => { onClick={() => {

6
website/src/repl/panel/SoundsTab.jsx
View File

@ -42,8 +42,8 @@ export function SoundsTab() {
}); });
}); });
return ( return (
<div id="sounds-tab" className="flex flex-col w-full h-full dark:text-white text-stone-900"> <div id="sounds-tab" className="px-4 flex flex-col w-full h-full dark:text-white text-stone-900">
<div className="px-2 pb-2 flex-none"> <div className="pb-2 flex-none">
<ButtonGroup <ButtonGroup
value={soundsFilter} value={soundsFilter}
onChange={(value) => settingsMap.setKey('soundsFilter', value)} onChange={(value) => settingsMap.setKey('soundsFilter', value)}
@ -55,7 +55,7 @@ export function SoundsTab() {
}} }}
></ButtonGroup> ></ButtonGroup>
</div> </div>
<div className="p-2 min-h-0 max-h-full grow overflow-auto font-mono text-sm break-normal"> <div className="min-h-0 max-h-full grow overflow-auto font-mono text-sm break-normal">
{soundEntries.map(([name, { data, onTrigger }]) => ( {soundEntries.map(([name, { data, onTrigger }]) => (
<span <span
key={name} key={name}