aboutsummaryrefslogtreecommitdiff
path: root/src/components/Views
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Views')
-rw-r--r--src/components/Views/Home.css11
-rw-r--r--src/components/Views/Home.js (renamed from src/components/Views/Home/Home.js)7
-rw-r--r--src/components/Views/Home.scss (renamed from src/components/Views/Home/Home.scss)8
-rw-r--r--src/components/Views/Home/Home.css17
4 files changed, 14 insertions, 29 deletions
diff --git a/src/components/Views/Home.css b/src/components/Views/Home.css
index e69de29..39a8bc2 100644
--- a/src/components/Views/Home.css
+++ b/src/components/Views/Home.css
@@ -0,0 +1,11 @@
+@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; }
diff --git a/src/components/Views/Home/Home.js b/src/components/Views/Home.js
index 51c4c4f..ab8b66f 100644
--- a/src/components/Views/Home/Home.js
+++ b/src/components/Views/Home.js
@@ -1,14 +1,13 @@
import React from "react";
// import React, { useState } from "react";
+import "./../Tile/Tile";
import "./Home.css";
-const HomeView = (procs) => {
- const tileHeight = procs.height;
- const tileWidth = procs.width;
+const HomeView = () => {
// const [activeLink, updateActiveLink] = useState("home")
return (
<div className={"view"}>
- <div className={"tile"}></div>
+ <Tile height="1rem" width="1rem"></Tile>
</div>
)
}
diff --git a/src/components/Views/Home/Home.scss b/src/components/Views/Home.scss
index 54a5ad7..cd07dd5 100644
--- a/src/components/Views/Home/Home.scss
+++ b/src/components/Views/Home.scss
@@ -7,11 +7,3 @@
flex-wrap: wrap;
justify-content: center;;
}
-
-.tile {
- width: 5rem;
- height: 5rem;
-
- border: 1px dashed $defFG;
- margin: 1rem;
-}
diff --git a/src/components/Views/Home/Home.css b/src/components/Views/Home/Home.css
deleted file mode 100644
index 4f5cb8d..0000000
--- a/src/components/Views/Home/Home.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@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; }