From 8cc88ff42e6ffc7fd1e1eeb04a6e2d4950c0f2c7 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Sat, 30 Nov 2024 15:56:35 -0500
Subject: [PATCH] Style new button

---
 src/Styles/Index.scss | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/Styles/Index.scss b/src/Styles/Index.scss
index 833fed9..86af8e8 100644
--- a/src/Styles/Index.scss
+++ b/src/Styles/Index.scss
@@ -23,6 +23,7 @@
         height: 100%;
         object-fit: contain;
         z-index: 1;
+        pointer-events: none;
     }
     canvas {
         top: 0px;
@@ -66,6 +67,13 @@
             opacity: 0;
             transition: 0.3s opacity;
         }
+        #vc-gestures {
+            height: 100%;
+            background: gray;
+            opacity: 0.5;
+            border-radius: 12px;
+            border: 6px white dashed;
+        }
         .vc-bottom {
             display: flex;
             gap: 12px;
@@ -213,6 +221,27 @@
     transition: 0.3s opacity;
 }
 
+.big-present-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 10;
+    transform: translate(-50%, -50%);
+    color: white;
+    border: none;
+    border-radius: 6rem;
+    background: rgba(0, 0, 0, 0.32);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 32px;
+    cursor: pointer;
+    i::before {
+        width: 64px;
+        height: 64px;
+    }
+}
+
 .vc-menu {
     position: absolute;
     right: 0px;