From 4f67c1cca24ac93f5e8b7a9108c028e6c2794d74 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Tue, 15 Jun 2021 15:44:20 +0530
Subject: created new Home Page

---
 src/components/Menu/HomePageMenu.js   | 25 +++++++++++++++++++++++++
 src/components/Menu/HomePageMenu.scss | 19 +++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 src/components/Menu/HomePageMenu.js
 create mode 100644 src/components/Menu/HomePageMenu.scss

(limited to 'src/components/Menu')

diff --git a/src/components/Menu/HomePageMenu.js b/src/components/Menu/HomePageMenu.js
new file mode 100644
index 0000000..29295bb
--- /dev/null
+++ b/src/components/Menu/HomePageMenu.js
@@ -0,0 +1,25 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import "./HomePageMenu.scss";
+
+const HomePageMenu = () => {
+	return (
+    <div className="HomePageMenu">
+      <span className="menuItem">
+        Create Invoice
+      </span>
+      <span className="menuItem">
+        Don't Create Invoice
+      </span>
+    </div>
+	)
+}
+
+export default HomePageMenu
diff --git a/src/components/Menu/HomePageMenu.scss b/src/components/Menu/HomePageMenu.scss
new file mode 100644
index 0000000..e9497ad
--- /dev/null
+++ b/src/components/Menu/HomePageMenu.scss
@@ -0,0 +1,19 @@
+@import "../../styles/theme";
+
+.HomePageMenu {
+  /*border: 1px solid green;*/
+  min-width: 20rem;
+  width: 50%;
+
+  display: grid;
+  grid-template-columns: auto auto;
+}
+
+.HomePageMenu .menuItem {
+  text-align: center;
+  font-size: $fontSize2;
+}
+
+.HomePageMenu .menuItem:hover {
+  color: $altFG;
+}
-- 
cgit v1.2.3