Update div to box

hackforla · Oct 31, 2024 · abdc330 · abdc330
1 parent 29f1c9b
commit abdc330
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/client/src/pages/Users.jsx b/client/src/pages/Users.jsx
@@ -1,13 +1,13 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
-import { Button } from '@mui/material';
+import { Button, Box, Container } from '@mui/material';
 
 import '../sass/Users.scss';
 
 const Users = () => {
   return (
-    <div className="container--users">
-      <div className="margin-bottom">
+    <Container className="container--users">
+      <Box className="margin-bottom center">
         <Button
           component={Link}
           to="/users/user-search"
@@ -16,8 +16,8 @@ const Users = () => {
         >
           User Search
         </Button>
-      </div>
-      <div>
+      </Box>
+      <Box className="center">
         <Button
           component={Link}
           to="/users/permission-search"
@@ -26,8 +26,8 @@ const Users = () => {
         >
           User Permission Search
         </Button>
-      </div>
-    </div>
+      </Box>
+    </Container>
   );
 };
 

diff --git a/client/src/sass/Users.scss b/client/src/sass/Users.scss
@@ -6,6 +6,11 @@
     margin-top: 50px;
 }
 
+.center {
+    display: flex;
+    justify-content: center;
+}
+
 .button {
    width: 250px; 
    border-radius: 8px;