From 20b48b0003f198ef51eb982735526011f59c511d Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sun, 29 Aug 2021 10:46:06 +0530
Subject: styled SubmitButton and making it disappear when invalid

---
 src/components/Pages/BillingPage.scss | 20 ++++++++++++++++++++
 src/components/Pages/BillingPage.tsx  |  1 +
 2 files changed, 21 insertions(+)
 create mode 100644 src/components/Pages/BillingPage.scss

(limited to 'src/components/Pages')

diff --git a/src/components/Pages/BillingPage.scss b/src/components/Pages/BillingPage.scss
new file mode 100644
index 0000000..f359df1
--- /dev/null
+++ b/src/components/Pages/BillingPage.scss
@@ -0,0 +1,20 @@
+@import "./../../styles/theme";
+
+.BillingPageFlex div {
+  box-sizing: border-box;
+  border: 1px solid $border1;
+}
+
+.BillingPageFlex {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: 27rem;
+}
+
+@media only screen and (max-device-width: 480px) {
+  .BillingPageFlex {
+    flex-direction: column;
+    height: 35rem;
+  }
+}
diff --git a/src/components/Pages/BillingPage.tsx b/src/components/Pages/BillingPage.tsx
index c1d30a5..e065cbc 100644
--- a/src/components/Pages/BillingPage.tsx
+++ b/src/components/Pages/BillingPage.tsx
@@ -7,6 +7,7 @@
 */
 
 import React, { useState, useEffect } from "react";
+import "./BillingPage.scss";
 import { Item, Person, Transport/*, Invoice*/ } from "../../interfaces";
 import axios from "axios";
 
-- 
cgit v1.2.3