Align cards to the center of the deck

PapePathe · Mar 3, 2024 · 96ce021 · 96ce021
1 parent 44e8c7d
commit 96ce021
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/znet/js/baloot/components/PlayingCardsView.js b/znet/js/baloot/components/PlayingCardsView.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { SimpleGrid } from "@chakra-ui/react";
+import {Flex} from "@chakra-ui/react";
 import CardView from "./CardView";
 
 function PlayingCardsView({
@@ -11,11 +11,7 @@ function PlayingCardsView({
   onClick,
 }) {
   return (
-    <SimpleGrid
-      spacing={2}
-      templateColumns="repeat(auto-fill, minmax(120px, 1fr))"
-      id={id}
-    >
+    <Flex id={id} justifyContent="center" gap="2">
       {cards.map((c) => {
         return c ? (
           <CardView
@@ -28,7 +24,7 @@ function PlayingCardsView({
           />
         ) : null;
       })}
-    </SimpleGrid>
+    </Flex>
   );
 }