From 293266d621eccb4d5d5225e2b761e7f379b386db Mon Sep 17 00:00:00 2001
From: bhushan6 <bhushanwagh6@gmail.com>
Date: Tue, 15 Aug 2023 04:26:22 +0530
Subject: [PATCH] updates : info dialog panel

---
 src/components/UI/Dialog/DialogBox.jsx | 20 ++++++++++++++++++--
 src/components/UI/Dialog/dialogbox.css |  2 +-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/UI/Dialog/DialogBox.jsx b/src/components/UI/Dialog/DialogBox.jsx
index a3ca83e..582dc17 100644
--- a/src/components/UI/Dialog/DialogBox.jsx
+++ b/src/components/UI/Dialog/DialogBox.jsx
@@ -29,13 +29,13 @@ export const DialogBox = () => (
         <Dialog.Title className="DialogTitle">Manual</Dialog.Title>
         <Dialog.Description className="DialogDescription" asChild>
           <ul>
-            <li>Use control panel to change the properties of brick</li>
+            <li>Use left side panel to change the properties of brick</li>
             <li>
               You change the pivot point of bricks using{" "}
               <span className="key">A</span> <span className="key">S</span>{" "}
               <span className="key">W</span> and <span className="key">D</span>{" "}
               keys or You can use <strong>anchorX</strong> and{" "}
-              <strong>anchorY</strong> option from the control panel
+              <strong>anchorZ</strong> option from the control panel
             </li>
             <li>
               To delete brick, select <strong>Edit</strong> option in control
@@ -44,6 +44,22 @@ export const DialogBox = () => (
               use
               <span className="key">Delete</span> to delete selected bricks
             </li>
+            <li>
+              Top bar has two options. create Mode which let&apos;s you create
+              new bricks while Edit mode let&apos;s you edit existing bricks by
+              selecting
+            </li>
+            <li>
+              You can also use <span className="key">CTRL</span> +{" "}
+              <span className="key">Z</span> for undo,{" "}
+              <span className="key">CTRL</span> + <span className="key">R</span>{" "}
+              for redo.
+            </li>
+            <li>
+              Bottom bar has (from left) first button to undo, second to redo,
+              third to delete selected and forth button displays list of all
+              users in room
+            </li>
           </ul>
         </Dialog.Description>
 
diff --git a/src/components/UI/Dialog/dialogbox.css b/src/components/UI/Dialog/dialogbox.css
index 9351349..a21f0a1 100644
--- a/src/components/UI/Dialog/dialogbox.css
+++ b/src/components/UI/Dialog/dialogbox.css
@@ -21,7 +21,7 @@
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90vw;
-  max-width: 450px;
+  max-width: 550px;
   max-height: 85vh;
   padding: 25px;
   animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);