style: increase sounds per row

This commit is contained in:
MAZE 2023-10-10 21:16:37 +03:30
parent 89149dca78
commit cd8ec5e864
3 changed files with 3 additions and 3 deletions

View File

@ -1,5 +1,5 @@
.container {
width: 85%;
max-width: 550px;
max-width: 600px;
margin: 0 auto;
}

View File

@ -2,7 +2,7 @@
display: grid;
margin-top: 20px;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.button {

View File

@ -50,7 +50,7 @@ export function Sounds({ id, sounds }: SoundsProps) {
<Sound
key={sound.label}
{...sound}
hidden={!showAll && index > 3}
hidden={!showAll && index > 5}
selectHidden={selectHidden}
unselectHidden={unselectHidden}
/>