From d83e6fafd6da96834824e60cb23025667fd50b45 Mon Sep 17 00:00:00 2001
From: CodeServer <CodeServer@jlu42.com>
Date: Sat, 5 Mar 2022 23:15:41 +0000
Subject: [PATCH] added login page

---
 src/components/home/ShortCuts.tsx   |  5 ++---
 src/components/login/Login.tsx      | 11 +++++++++++
 src/style/App.css.map               |  3 ++-
 src/style/modules/_login.sass       |  1 +
 src/style/modules/_modules-dir.sass |  3 ++-
 5 files changed, 18 insertions(+), 5 deletions(-)
 create mode 100644 src/components/login/Login.tsx
 create mode 100644 src/style/modules/_login.sass

diff --git a/src/components/home/ShortCuts.tsx b/src/components/home/ShortCuts.tsx
index 255acb7..2ea7277 100644
--- a/src/components/home/ShortCuts.tsx
+++ b/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" />
diff --git a/src/components/login/Login.tsx b/src/components/login/Login.tsx
new file mode 100644
index 0000000..ba95b2e
--- /dev/null
+++ b/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;
\ No newline at end of file
diff --git a/src/style/App.css.map b/src/style/App.css.map
index 7961ebd..e29b7f1 100644
--- a/src/style/App.css.map
+++ b/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"
diff --git a/src/style/modules/_login.sass b/src/style/modules/_login.sass
new file mode 100644
index 0000000..797d974
--- /dev/null
+++ b/src/style/modules/_login.sass
@@ -0,0 +1 @@
+.login
\ No newline at end of file
diff --git a/src/style/modules/_modules-dir.sass b/src/style/modules/_modules-dir.sass
index 6604aec..b4f6e8a 100644
--- a/src/style/modules/_modules-dir.sass
+++ b/src/style/modules/_modules-dir.sass
@@ -1 +1,2 @@
-@import "mainHome"
\ No newline at end of file
+@import "mainHome"
+@import "login"
\ No newline at end of file