From aef52169e3f0f9bde0e5f2dd21cbb316eaa34136 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 27 Mar 2021 21:24:54 +0530
Subject: laid out some very basic components, the tile component still needs
 to be worked upon

---
 src/components/Views/Home/Home.css  | 17 +++++++++++++++++
 src/components/Views/Home/Home.js   | 16 ++++++++++++++++
 src/components/Views/Home/Home.scss | 17 +++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 src/components/Views/Home/Home.css
 create mode 100644 src/components/Views/Home/Home.js
 create mode 100644 src/components/Views/Home/Home.scss

(limited to 'src/components/Views/Home')

diff --git a/src/components/Views/Home/Home.css b/src/components/Views/Home/Home.css
new file mode 100644
index 0000000..4f5cb8d
--- /dev/null
+++ b/src/components/Views/Home/Home.css
@@ -0,0 +1,17 @@
+@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
+/* Experimental color scheme */
+.view {
+  width: 80%;
+  margin: 2rem auto; }
+
+.view {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center; }
+
+.tile {
+  width: 5rem;
+  height: 5rem;
+  border: 1px dashed #000000;
+  margin: 1rem; }
diff --git a/src/components/Views/Home/Home.js b/src/components/Views/Home/Home.js
new file mode 100644
index 0000000..51c4c4f
--- /dev/null
+++ b/src/components/Views/Home/Home.js
@@ -0,0 +1,16 @@
+import React from "react";
+// import React, { useState } from "react";
+import "./Home.css";
+
+const HomeView = (procs) => {
+	const tileHeight = procs.height;
+	const tileWidth = procs.width;
+	// const [activeLink, updateActiveLink] = useState("home")
+	return (
+		<div className={"view"}>
+			<div className={"tile"}></div>
+		</div>
+	)
+}
+
+export default HomeView
diff --git a/src/components/Views/Home/Home.scss b/src/components/Views/Home/Home.scss
new file mode 100644
index 0000000..54a5ad7
--- /dev/null
+++ b/src/components/Views/Home/Home.scss
@@ -0,0 +1,17 @@
+@import "../../../styles/theme";
+@import "../../../styles/view";
+
+.view {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;;
+}
+
+.tile {
+	width: 5rem;
+	height: 5rem;
+
+	border: 1px dashed $defFG;
+	margin: 1rem;
+}
-- 
cgit v1.2.3