From 0c66e86e28bad574460eddf622ff74e27a7f57b0 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Sun, 8 Dec 2024 23:42:19 +0530
Subject: [PATCH] feat: format code blocks

---
 src/components/molecules/NavBar.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index bc4222e2..99535baf 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -140,34 +140,38 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
                           <Tab label="Docker Compose Setup Upgrade" />
                         </Tabs>
                         {tab === 0 && (
-                          <Box>
-                            <div style={{ marginLeft: '30px'}}>
+                          <Box sx={{ marginLeft: '30px', background: '#cfd0d1', padding: 1 }}>
+                            <code style={{ color: 'black'}}>
                               <p>Run the commands below</p>
                               # pull latest changes
                               <br />
                               git pull origin master
                               <br />
+                              <br />
                               # install dependencies
                               <br />
                               npm install
                               <br />
+                              <br />
                               # start maxun
                               <br />
                               npm run start
-                            </div>
+                            </code>
                           </Box>
                         )}
                         {tab === 1 && (
-                          <Box>
-                             <div style={{ marginLeft: '30px'}}>
+                          <Box sx={{ marginLeft: '30px', background: '#cfd0d1', padding: 1 }}>
+                             <code style={{ color: 'black'}}>
                              <p>Run the commands below</p>
                               # pull latest docker images
                               <br />
                               docker-compose pull
+                              <br />
+                              <br />
                               # start maxun
                               <br />
                               docker-compose up -d
-                            </div>
+                            </code>
                           </Box>
                         )}
                       </>