hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: style for small screen

Browse source
This commit is contained in:
Felix Roos 2023-12-10 19:50:20 +01:00
parent 59a4cd9cf8
commit 79e8e430f1
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
website/src/repl/panel/Forms.jsx
View file

@ -9,7 +9,7 @@ export function ButtonGroup({ value, onChange, items }) {
key={key} key={key}
onClick={() => onChange(key)} onClick={() => onChange(key)}
className={cx( className={cx(
'px-2 border-b h-8', 'px-2 border-b h-8 whitespace-nowrap',
// i === 0 && 'rounded-l-md', // i === 0 && 'rounded-l-md',
// i === arr.length - 1 && 'rounded-r-md', // i === arr.length - 1 && 'rounded-r-md',
// value === key ? 'bg-background' : 'bg-lineHighlight', // value === key ? 'bg-background' : 'bg-lineHighlight',

2
website/src/repl/panel/ImportSoundsButton.jsx
View file

@ -21,7 +21,7 @@ export default function ImportSoundsButton({ onComplete }) {
return ( return (
<label <label
style={{ alignItems: 'center' }} style={{ alignItems: 'center' }}
className="flex bg-background ml-2 pl-2 pr-2 max-w-[300px] rounded-md hover:opacity-50" className="flex bg-background ml-2 pl-2 pr-2 max-w-[300px] rounded-md hover:opacity-50 whitespace-nowrap cursor-pointer"
> >
<input <input
disabled={isUploading} disabled={isUploading}

2
website/src/repl/panel/SoundsTab.jsx
View file

@ -44,7 +44,7 @@ export function SoundsTab() {
}); });
return ( return (
<div id="sounds-tab" className="px-4 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="pb-2 flex"> <div className="pb-2 flex shrink-0 overflow-auto">
<ButtonGroup <ButtonGroup
value={soundsFilter} value={soundsFilter}
onChange={(value) => settingsMap.setKey('soundsFilter', value)} onChange={(value) => settingsMap.setKey('soundsFilter', value)}