added login page

src/components/home/ShortCuts.tsx

@@ -1,7 +1,6 @@
 import PeopleIcon from '@mui/icons-material/People';
 import AddIcon from '@mui/icons-material/Add';
 import PhoneEnabledIcon from '@mui/icons-material/PhoneEnabled';
-// import phoneCall from "./images/phone-call.png";
 import CircleIcon from '@mui/icons-material/Circle';
 import Button from "@mui/material/Button";
 import Grid from "@mui/material/Grid";
@@ -9,7 +8,7 @@ import Grid from "@mui/material/Grid";
 const ShortCuts: React.FC = () => {
     return (
         <div className="short-cuts" >
-            <Grid className="row-1" container spacing={2}>
+            <Grid className="row-1" container spacing={1}>
                 <Grid item sm={6}>
                     <Button className="tile">
                         <PeopleIcon className="icon" />
@@ -23,7 +22,7 @@ const ShortCuts: React.FC = () => {
                     <label>Join</label>
                 </Grid>
             </Grid>
-            <Grid className="row-2" container spacing={2}>
+            <Grid className="row-2" container spacing={1}>
                 <Grid item sm={6}>
                     <Button className="tile">
                         <PhoneEnabledIcon className="icon" />

src/components/login/Login.tsx

@@ -0,0 +1,11 @@
+import Container from "@mui/material/Container";
+
+const Login: React.FC = () => {
+    return (
+        <Container className="login">
+            Login
+        </Container>
+    );
+  };
+  
+  export default Login;

src/style/App.css.map

@@ -10,7 +10,8 @@
         "layouts/_header.sass",
         "layouts/_footer.sass",
         "modules/_modules-dir.sass",
-        "modules/_mainHome.sass"
+        "modules/_mainHome.sass",
+        "modules/_login.sass"
     ],
     "names": [],
     "file": "App.css"

src/style/modules/_login.sass

@@ -0,0 +1 @@
+.login

src/style/modules/_modules-dir.sass

@@ -1 +1,2 @@
-@import "mainHome"
+@import "mainHome"
+@import "login"