o

AngelDav943 · Oct 4, 2023 · b9302f5 · b9302f5
1 parent 9daea13
commit b9302f5
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/src/App.css b/src/App.css
@@ -1,7 +1,7 @@
 .cards {
   display: flex;
   flex-wrap: wrap;
-  
+
   justify-content: center;
   align-items: center;
 
@@ -28,9 +28,12 @@
   border-radius: 0.1em;
 }
 
-.card .front { 
+.card .front {
   transform: rotateY(0deg);
-  background-color: powderblue;
+  /*background-color: powderblue;*/
+  background-image: url('./src/assets/base.png');
+  background-size: contain;
+  color: white;
   display: flex;
   justify-content: center;
   align-items: center;

diff --git a/src/App.jsx b/src/App.jsx
@@ -37,7 +37,9 @@ function App() {
       card.classList.add("show")
       return
     }
-
+
+    if (last.card == card) return;
+
     card.classList.add("show")
     if (last.pair == pair) {
       last.card.classList.add("correct")
@@ -46,7 +48,6 @@ function App() {
       last = undefined
     } else {
       setTimeout(() => {
-        console.log("he")
         card.classList.remove("show")
         last.card.classList.remove("show")
         last = undefined
@@ -64,7 +65,7 @@ function App() {
       <div className='cards'>
         {pairs.map((id,index) => (
           <Card key={index} pair={id} onClick={spin}/>
-        ))} 
+        ))}
       </div>
     </>
   )

diff --git a/src/assets/base.png b/src/assets/base.png
diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/components/Card.jsx b/src/components/Card.jsx
@@ -1,7 +1,7 @@
 import { useId } from 'react';
 
 export default function(props) {
-    
+
     const current = useId()
     const onClick = function(event) {
         if (props.onClick) props.onClick(event, props.pair, current)