Merge pull request #3 from TheNewC0der-24/Updates

Fix

assets/CSS/style.css

@@ -1,3 +1,8 @@
+body {
+    overflow-x: hidden;
+    box-sizing: border-box;
+}
+
 .loader {
     width: 100%;
     height: 100%;

assets/JS/script.js

@@ -1,7 +1,5 @@
 console.log('Welcome to PostMan Clone');
 
-import 'bootstrap/dist/js/bootstrap.bundle.min.js';
-import 'bootstrap/dist/css/bootstrap.min.css';
 import axios from 'axios';
 import prettyBytes from 'pretty-bytes';
 import editorSetup from './editorSetup';

index.html

@@ -8,6 +8,9 @@
     <meta name="keywords" content="PostMan-Clone, PostMan, postman, GET request, POST request">
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
 
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+
     <link rel="stylesheet" href="./assets/CSS/style.css">
     <script type="module" src="./assets/JS/script.js"></script>
 
@@ -135,6 +138,10 @@ <h3>Response</h3>
             <button class="btn btn-outline-danger" data-remove-btn type="button">Remove</button>
         </div>
     </template>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+        crossorigin="anonymous"></script>
 </body>
 
 </html>

package.json

@@ -26,8 +26,8 @@
     "@codemirror/view": "^0.18.16",
     "@lezer/common": "^1.0.3",
     "@lezer/highlight": "^1.1.6",
+    "@popperjs/core": "^2.11.8",
     "axios": "^1.4.0",
-    "bootstrap": "^5.3.0",
     "pretty-bytes": "^6.1.1"
   },
   "devDependencies": {