diff options
Diffstat (limited to 'src/components/Views')
-rw-r--r-- | src/components/Views/Home.css | 11 | ||||
-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.css | 17 |
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; } |