Merge pull request #51 from Croc-Prog-github/New-UI

New UI
Croc-Prog-github · Mar 7, 2025 · ccc09f9 · ccc09f9
2 parents 73c43dc + 3d25649
commit ccc09f9
Showing 1 changed file with 20 additions and 10 deletions.
diff --git a/game/MenuBocch/SelectBocch.html b/game/MenuBocch/SelectBocch.html
@@ -43,32 +43,42 @@
 <style>
   @media screen and (min-width: 320px) {
     #grid {
-      grid-template-columns: repeat(2, 51%);
-      grid-template-rows: repeat(10, 21%);
+      grid-template-columns: repeat(2, 49%);
+      grid-template-rows: repeat(10, 17%);
+      row-gap: 13px;
+      column-gap: 13px;
     }
   }
   @media screen and (min-width: 375px) {
     #grid {
-      grid-template-columns: repeat(2, 45%);
-      grid-template-rows: repeat(10, 22%);
+      grid-template-columns: repeat(2, 42%);
+      grid-template-rows: repeat(10, 17%);
+      row-gap: 13px;
+      column-gap: 15px;
     }
   }
   @media screen and (min-width: 425px) {
     #grid {
-      grid-template-columns: repeat(2, 40%);
-      grid-template-rows: repeat(10, 22%);
+      grid-template-columns: repeat(2, 37%);
+      grid-template-rows: repeat(10, 16%);
+      row-gap: 18px;
+      column-gap: 18px;
     }
   }
   @media screen and (min-width: 768px) {
     #grid {
-      grid-template-columns: repeat(4, 22%);
-      grid-template-rows: repeat(10, 37%);
+      grid-template-columns: repeat(4, 20%);
+      grid-template-rows: repeat(10, 25%);
+      row-gap: 14.5px;
+      column-gap: 18px;
     }
   }
   @media screen and (min-width: 1024px) {
     #grid {
-      grid-template-columns: repeat(5, 17%);
-      grid-template-rows: repeat(10, 57%);
+      grid-template-columns: repeat(5, 15%);
+      grid-template-rows: repeat(10, 27%);
+      row-gap: 24.5px;
+      column-gap: 25px;
     }
   }