datalore/buzzword-bingo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Changed layout to vertical

Browse Source
This commit is contained in:
datalore 2023-11-04 19:16:25 +01:00
parent f51c5201e6
commit 5093fbcb93
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/bingocontroller.tsx
View File

@ -20,9 +20,9 @@ export default function BingoController(){
const sizeError = (items.length < size); const sizeError = (items.length < size);
return( return(
<> <>
<div className="w-3/4 flex flex-row m-auto"> <div className="w-3/4 flex flex-col m-auto gap-4">
<Bingo size={size} items={items}/> <Bingo size={size} items={items}/>
<form className="w-1/3"> <form className="w-1/3 m-auto">
<input type="range" min={3} max={5} value={size} className="range range-primary" step={1} onChange={({target:{value:s}}) => setSize(+s)}/> <input type="range" min={3} max={5} value={size} className="range range-primary" step={1} onChange={({target:{value:s}}) => setSize(+s)}/>
<div className="w-full flex justify-between text-xs px-2"> <div className="w-full flex justify-between text-xs px-2">
<span>3x3</span> <span>3x3</span>