install bootstrap

csci5117s24 · Apr 22, 2024 · bcaf7e9 · bcaf7e9
1 parent 6259416
commit bcaf7e9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/ListItem.jsx b/src/components/ListItem.jsx
@@ -9,7 +9,7 @@ import button from '../css/Buttons.module.css'
 export default function ListItem({name, description, image, viewLink, editLink}) {
     const navigate = useNavigate()
     return (
-        <Container>
+        // <Container>
         <Row  className={styles.listItem}>
             {image ?
                 <Col onClick={()=>navigate(viewLink)}>
@@ -27,6 +27,6 @@ export default function ListItem({name, description, image, viewLink, editLink})
                 <Link to={editLink} className={styles.editButton}>Edit</Link>
             </Col>
         </Row>
-        </Container>
+        // {/* </Container> */}
     )
 }
diff --git a/src/css/page.css b/src/css/page.css
@@ -1,7 +1,7 @@
 body{
     background-color: hsl(64, 41%, 93%);
 }
-.container{
+/* .container{
     display: flex;
     flex-direction: column;
  
@@ -17,7 +17,7 @@ body{
     flex-direction: column;
     justify-content: center;
     
-}
+} */
 @media only screen and (min-width: 600px) {
     body {
       margin-top: 5em;

diff --git a/src/index.js b/src/index.js
@@ -6,6 +6,7 @@ import {
     RouterProvider,
     redirect
 } from "react-router-dom";
+import 'bootstrap/dist/css/bootstrap.min.css';
 import Login, { authLoader as loginAuthLoader } from './pages/Login'
 import Landing from './pages/Landing'
 import Foods from './pages/food/Foods'