style: increase sounds per row

remvze · Oct 10, 2023 · cd8ec5e · cd8ec5e
1 parent 89149dc
commit cd8ec5e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/container/container.module.css b/src/components/container/container.module.css
@@ -1,5 +1,5 @@
 .container {
   width: 85%;
-  max-width: 550px;
+  max-width: 600px;
   margin: 0 auto;
 }
diff --git a/src/components/sounds/sounds.module.css b/src/components/sounds/sounds.module.css
@@ -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 {

diff --git a/src/components/sounds/sounds.tsx b/src/components/sounds/sounds.tsx
@@ -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}
           />