disable hover icon locks

williamdlm · Oct 20, 2021 · 8fa09da · 8fa09da · vercel · Oct 20, 2021
1 parent c1ce588
commit 8fa09da
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/questions.json b/questions.json
@@ -401,7 +401,7 @@
  "type": 3,
  "title": "A unidade 'litro' serve para medir:",
  "description": "",
- "answer": 4,
+ "answer": 3,
  "alternatives": ["volume", "massa", "comprimento", "capacidade", "tempo"]
  },
  {

diff --git a/src/components/Main/index.js b/src/components/Main/index.js
@@ -119,6 +119,10 @@ Main.MiniCard = styled.div`
  transform: scale(1.5);
  box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.3);
  }
+ .disabled {
+ pointer-events: none;
+ opacity: 0.2;
+ }
 
  p {
  text-align: center;
@@ -172,13 +176,13 @@ export function MainComplete({ handleModal }) {
  <Main.BlockMiniCard>
  <Main.MiniCard>
  <img
- className="icon"
+ className="icon disabled"
  src="https://res.cloudinary.com/dhmkfekt2/image/upload/v1633054930/lock_l5sw35.png"
  />
  </Main.MiniCard>
  <Main.MiniCard>
  <img
- className="icon"
+ className="icon disabled"
  src="https://res.cloudinary.com/dhmkfekt2/image/upload/v1633054930/lock_l5sw35.png"
  />
  </Main.MiniCard>