Merge pull request #10 from 001elijah/sidebar

Sidebar (first pull, mobile layout with all themes)
001elijah · Jun 23, 2023 · 3cef876 · 3cef876
2 parents 95201ca + 171095d
commit 3cef876
Show file tree

Hide file tree

Showing 50 changed files with 1,442 additions and 73 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
+    "aos": "^2.3.4",
     "axios": "^1.4.0",
     "clsx": "^1.2.1",
     "formik": "^2.4.2",

diff --git a/public/index.html b/public/index.html
@@ -9,6 +9,7 @@
       name="description"
       content="Web site created using create-react-app"
     />
+
     <!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -24,6 +25,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
     <title>TaskPro</title>
 
     <!-- Start Single Page Apps for GitHub Pages -->
@@ -57,6 +59,7 @@
     </script>
     <!-- End Single Page Apps for GitHub Pages -->
   </head>
+
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
@@ -71,5 +74,9 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
+    <script>
+      AOS.init();
+    </script>
   </body>
 </html>
diff --git a/src/assets/icons/sprite.svg b/src/assets/icons/sprite.svg
diff --git a/src/assets/images/flower-min.png b/src/assets/images/flower-min.png
diff --git a/src/assets/images/[email protected] b/src/assets/images/[email protected]
diff --git a/src/assets/images/[email protected] b/src/assets/images/[email protected]
diff --git a/src/assets/styles/_reset.scss b/src/assets/styles/_reset.scss
@@ -35,7 +35,7 @@ img {
 a {
   text-decoration: none;
 }
-
 button {
+  font-family: 'Poppins-Medium';
   padding: 0;
 }
diff --git a/src/components/AuthForm/ButtonAuth/ButtonAuth.module.css b/src/components/AuthForm/ButtonAuth/ButtonAuth.module.css
@@ -0,0 +1,15 @@
+.button {
+  min-width: 344px;
+  width: 100%;
+  height: 49px;
+  margin-top: 24px;
+  background-color: #bedbb0;
+  color: #161616;
+  text-align: center;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.5;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+} /*# sourceMappingURL=ButtonAuth.module.css.map */