From e946f0e51cbe72cec6bdf599c8ee9c1be1f64e0b Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Fri, 2 Jul 2021 17:06:26 +0530
Subject: working on the form info like date and stuff

---
 src/components/Menu/HomePageMenu.scss   | 21 ---------------------
 src/components/Menu/HomePageMenu.tsx    |  2 +-
 src/components/Menu/InvoiceInfoMenu.tsx | 29 +++++++++++++++++++++++++++++
 src/components/Menu/Menu.scss           | 25 +++++++++++++++++++++++++
 4 files changed, 55 insertions(+), 22 deletions(-)
 delete mode 100644 src/components/Menu/HomePageMenu.scss
 create mode 100644 src/components/Menu/InvoiceInfoMenu.tsx
 create mode 100644 src/components/Menu/Menu.scss

(limited to 'src/components/Menu')

diff --git a/src/components/Menu/HomePageMenu.scss b/src/components/Menu/HomePageMenu.scss
deleted file mode 100644
index bc46e08..0000000
--- a/src/components/Menu/HomePageMenu.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-@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;
-  text-decoration: none;
-  font-size: $fontSize2;
-  color: $defFG;
-}
-
-.HomePageMenu .menuItem:hover {
-  color: $altFG;
-}
diff --git a/src/components/Menu/HomePageMenu.tsx b/src/components/Menu/HomePageMenu.tsx
index db0938a..645044e 100644
--- a/src/components/Menu/HomePageMenu.tsx
+++ b/src/components/Menu/HomePageMenu.tsx
@@ -8,7 +8,7 @@
 
 import React from "react";
 import { Link } from "react-router-dom";
-import "./HomePageMenu.scss";
+import "./Menu.scss";
 
 const HomePageMenu: React.FC = () => {
 	return (
diff --git a/src/components/Menu/InvoiceInfoMenu.tsx b/src/components/Menu/InvoiceInfoMenu.tsx
new file mode 100644
index 0000000..2c56f7e
--- /dev/null
+++ b/src/components/Menu/InvoiceInfoMenu.tsx
@@ -0,0 +1,29 @@
+/*
+ * 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 "./../Form.scss";
+
+const InvoiceInfoMenu: React.FC = () => {
+  return (
+    <div className={"InvoiceInfoMenu"}>
+      c
+      o
+      m
+      i
+      n
+      g
+      s
+      o
+      o
+      n
+    </div>
+  );
+}
+
+export default InvoiceInfoMenu;
diff --git a/src/components/Menu/Menu.scss b/src/components/Menu/Menu.scss
new file mode 100644
index 0000000..cf9f7aa
--- /dev/null
+++ b/src/components/Menu/Menu.scss
@@ -0,0 +1,25 @@
+@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;
+  text-decoration: none;
+  font-size: $fontSize2;
+  color: $defFG;
+}
+
+.HomePageMenu .menuItem:hover {
+  color: $altFG;
+}
+
+.InvoiceInfoMenu {
+  width: 60%;
+}
-- 
cgit v1.2.3