From 49be4dfc3d478ad02876c9238c48c513edac1e7c Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 28 Jul 2022 17:56:15 +0530
Subject: refactoring folder structure

---
 client/src/components/Card/Card.jsx               | 13 ++++++++++++
 client/src/components/Card/Card.module.css        | 26 +++++++++++++++++++++++
 client/src/components/Card/CardScanner.jsx        | 16 ++++++++++++++
 client/src/components/Card/CardScanner.module.css | 26 +++++++++++++++++++++++
 4 files changed, 81 insertions(+)
 create mode 100644 client/src/components/Card/Card.jsx
 create mode 100644 client/src/components/Card/Card.module.css
 create mode 100644 client/src/components/Card/CardScanner.jsx
 create mode 100644 client/src/components/Card/CardScanner.module.css

(limited to 'client/src/components/Card')

diff --git a/client/src/components/Card/Card.jsx b/client/src/components/Card/Card.jsx
new file mode 100644
index 0000000..3d66067
--- /dev/null
+++ b/client/src/components/Card/Card.jsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import styles from './Card.module.css'
+
+const Card = ({ title, image }) => {
+  return (
+    <div className={styles.card}>
+      <img className={styles.card__image} src={image} alt="" />
+      <h2 className={styles.card__title}>{title}</h2>
+    </div>
+  )
+}
+
+export default Card
diff --git a/client/src/components/Card/Card.module.css b/client/src/components/Card/Card.module.css
new file mode 100644
index 0000000..e351fd5
--- /dev/null
+++ b/client/src/components/Card/Card.module.css
@@ -0,0 +1,26 @@
+@import '../../styles/GlobalVariables.css';
+
+.card {
+  height: 300px;
+  width: 300px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border: 3px solid var(--color-black);
+  border-radius: 10px;
+  margin: 30px;
+  transition: 0.2s all;
+  cursor: pointer;
+  color: var(--color-black);
+  text-decoration-line: none;
+}
+
+.card:active {
+  transform: scale(0.98);
+  box-shadow: 3px 2px 22px 1px var(--color-shadow);
+}
+
+.card__title {
+  margin: 15px 0px;
+}
diff --git a/client/src/components/Card/CardScanner.jsx b/client/src/components/Card/CardScanner.jsx
new file mode 100644
index 0000000..29caf39
--- /dev/null
+++ b/client/src/components/Card/CardScanner.jsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import styles from './CardScanner.module.css'
+import SubmitButton from '../SubmitButton/SubmitButton'
+
+const CardScanner = ({ title, image }) => {
+  return (
+    <>
+      <div className={styles.card}>
+        <img className={styles.card__image} src={image} alt="" />
+      </div>
+      <SubmitButton />
+    </>
+  )
+}
+
+export default CardScanner
diff --git a/client/src/components/Card/CardScanner.module.css b/client/src/components/Card/CardScanner.module.css
new file mode 100644
index 0000000..af237e2
--- /dev/null
+++ b/client/src/components/Card/CardScanner.module.css
@@ -0,0 +1,26 @@
+@import '../../styles/GlobalVariables.css';
+
+.card {
+  height: 300px;
+  width: 600px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border: 3px solid var(--color-black);
+  border-radius: 10px;
+  margin: 30px;
+  transition: 0.2s all;
+  cursor: pointer;
+  color: var(--color-black);
+  text-decoration-line: none;
+}
+
+.card:active {
+  transform: scale(0.98);
+  box-shadow: 3px 2px 22px 1px var(--color-shadow);
+}
+
+.card__title {
+  margin: 15px 0px;
+}
\ No newline at end of file
-- 
cgit