fixed overlay hotkeys

avsilva · Aug 6, 2021 · 09427d5 · 09427d5
1 parent 4be84bb
commit 09427d5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/src/components/overlay/Overlay.js b/src/components/overlay/Overlay.js
@@ -9,16 +9,20 @@ import useStore from "../../states/modelState"
 import s from "./overlay.module.css"
 
 const Overlay = () => {
-    const { decalPath } = useStore()
+    const { decalPath, animation } = useStore()
     return (
         <div className={s.wrapper}>
-            <Card bg narrow>
-                <IconWithText
-                    imgSrc={keyR}
-                    imgAlt="rotate"
-                    textContent="Rotate"
-                />
-                {decalPath && (
+            {!animation && (
+                <div className={s.inner}>
+                    <IconWithText
+                        imgSrc={keyR}
+                        imgAlt="rotate"
+                        textContent="Rotate"
+                    />
+                </div>
+            )}
+            {decalPath && (
+                <div className={s.inner}>
                     <>
                         <IconWithText
                             imgSrc={keyUp}
@@ -36,8 +40,8 @@ const Overlay = () => {
                             textContent="Cancel"
                         />
                     </>
-                )}
-            </Card>
+                </div>
+            )}
         </div>
     )
 }

diff --git a/src/components/overlay/overlay.module.css b/src/components/overlay/overlay.module.css
@@ -3,4 +3,11 @@
     bottom: 0;
     z-index: 10;
     width: 200px;
+    margin: 15px 0;
+}
+.inner {
+    margin: 5px 15px 0 15px;
+    padding: 5px 7px;
+    background: white;
+    border-radius: 5px;
 }