Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-09-29 15:30:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

style: increase sounds per row

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/container/container.module.css
View File

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

2
src/components/sounds/sounds.module.css
View File

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

2
src/components/sounds/sounds.tsx
View File

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