elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-13 06:38:31 +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 (
<div className="px-4 w-full dark:text-white text-stone-900 space-y-4 pb-4">
<section>
<h2 className="text-xl mb-2">Pattern Collection</h2>
<div className="space-x-4 border-b border-foreground mb-2 pb-1">
<div className="px-4 space-x-4 border-b border-foreground mb-2 h-8">
<button
className="hover:opacity-50"
onClick={() => {

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

@ -42,8 +42,8 @@ export function SoundsTab() {
});
});
return (
<div id="sounds-tab" className="flex flex-col w-full h-full dark:text-white text-stone-900">
<div className="px-2 pb-2 flex-none">
<div id="sounds-tab" className="px-4 flex flex-col w-full h-full dark:text-white text-stone-900">
<div className="pb-2 flex-none">
<ButtonGroup
value={soundsFilter}
onChange={(value) => settingsMap.setKey('soundsFilter', value)}
@ -55,7 +55,7 @@ export function SoundsTab() {
}}
></ButtonGroup>
</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 }]) => (
<span
key={name}