From 7dbbfc0c2eac7000bf208ce068e887b4db14ea5f Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 26 Apr 2021 19:46:35 +0530
Subject: Minor styling + fixed the calculation of discount and taxes and added
 new calculations

---
 src/components/Form/Form.css        |  3 +++
 src/components/Form/Form.scss       |  4 ++++
 src/components/Form/MetaInfoForm.js | 14 ++++++++++++++
 3 files changed, 21 insertions(+)
 create mode 100644 src/components/Form/MetaInfoForm.js

(limited to 'src/components/Form')

diff --git a/src/components/Form/Form.css b/src/components/Form/Form.css
index 102e4bb..af1baa6 100644
--- a/src/components/Form/Form.css
+++ b/src/components/Form/Form.css
@@ -82,6 +82,9 @@ input[type=number] {
   padding: 0.8rem 0;
   border-bottom: 1px dotted lightblue; }
 
+.MetaInfoForm {
+  width: 60%; }
+
 @media only screen and (max-device-width: 480px) {
   .formContainer {
     padding: 0.5rem;
diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index df1cdde..9d4a688 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -84,6 +84,10 @@ input[type=number] {
   border-bottom: 1px dotted $labelUnderlineColor;
 }
 
+.MetaInfoForm {
+  width: 60%;
+}
+
 @media only screen and (max-device-width: 480px) {
   .formContainer {
     padding: 0.5rem;
diff --git a/src/components/Form/MetaInfoForm.js b/src/components/Form/MetaInfoForm.js
new file mode 100644
index 0000000..da7f26a
--- /dev/null
+++ b/src/components/Form/MetaInfoForm.js
@@ -0,0 +1,14 @@
+import React /*, { useState }*/ from "react";
+import "./Form.css";
+
+const MetaInfoForm = () => {
+  return (
+    <div className={"MetaInfoForm"}>
+      <h1>This section of the app is missing</h1>
+      <p>Please look at this waifu instead.</p>
+      <img height="300" width="230" src="https://i.redd.it/te8tbxl1r9v61.jpg" alt="Shit where is the waifu"></img>
+    </div>
+  )
+}
+
+export default MetaInfoForm;
-- 
cgit v1.2.3