diff options
author | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-05-02 18:47:28 +0530 |
---|---|---|
committer | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-05-02 18:47:28 +0530 |
commit | 17ea30faae3c3b0ab1d58bbeb6c1a6a404639817 (patch) | |
tree | 53ecaceaf58960b0315c61f3dfb4b62027f6ee20 /src | |
parent | 6c0164e035bc9762a81ccbaade714e5193538095 (diff) |
organised the Form components into more directories
Diffstat (limited to 'src')
-rw-r--r-- | src/components/BillingPage.js | 6 | ||||
-rw-r--r-- | src/components/Form/Form.scss | 2 | ||||
-rw-r--r-- | src/components/Form/Items/AddNewItemForm.js (renamed from src/components/Form/AddNewItemForm.js) | 2 | ||||
-rw-r--r-- | src/components/Form/Items/RegisterItemForm.js (renamed from src/components/Form/RegisterItemForm.js) | 2 | ||||
-rw-r--r-- | src/styles/_theme.scss | 7 |
5 files changed, 8 insertions, 11 deletions
diff --git a/src/components/BillingPage.js b/src/components/BillingPage.js index 567a7d2..6ebaa1c 100644 --- a/src/components/BillingPage.js +++ b/src/components/BillingPage.js @@ -9,9 +9,11 @@ import React, { useState, useEffect } from "react"; import axios from "axios"; -import AddNewItemForm from "./Form/AddNewItemForm"; -import RegisterItemForm from "./Form/RegisterItemForm"; +import AddNewItemForm from "./Form/Items/AddNewItemForm"; +import RegisterItemForm from "./Form/Items/RegisterItemForm"; + import MetaInfoForm from "./Form/MetaInfoForm"; + import ItemsDisplay from "./Display/ItemsDisplay"; import SummaryDisplay from "./Display/SummaryDisplay"; diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss index e0ec4f9..c880bea 100644 --- a/src/components/Form/Form.scss +++ b/src/components/Form/Form.scss @@ -64,7 +64,7 @@ input { } .threePaneForm { - @include formFlex(space-around); + @include formFlex(space-between); height: 22rem; width: 100%; diff --git a/src/components/Form/AddNewItemForm.js b/src/components/Form/Items/AddNewItemForm.js index 809de87..6bce2ab 100644 --- a/src/components/Form/AddNewItemForm.js +++ b/src/components/Form/Items/AddNewItemForm.js @@ -7,7 +7,7 @@ */ import React, { useState } from "react"; -import "./Form.scss"; +import "./../Form.scss"; const AddNewItemForm = (props) => { diff --git a/src/components/Form/RegisterItemForm.js b/src/components/Form/Items/RegisterItemForm.js index 8ce2161..140de29 100644 --- a/src/components/Form/RegisterItemForm.js +++ b/src/components/Form/Items/RegisterItemForm.js @@ -13,7 +13,7 @@ import React, { useState } from "react"; import axios from "axios"; -import "./Form.scss"; +import "./../Form.scss"; const RegisterItemForm = (props) => { diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss index a238d37..436ca2b 100644 --- a/src/styles/_theme.scss +++ b/src/styles/_theme.scss @@ -31,14 +31,9 @@ $tableDefBorderColor: $underline1; $tableAltBorderColor: $underline2; $tableDisabledBorderColor: $underline0; - - - $warningColor: red; $warningBorderColor: $warningColor; - $shadowColor: #232627; $defBigShadow: 0px 8px 4px $shadowColor; -// $floatingShadow: 0px 8px 4px 0 $shadowColor, 0px 6px 20px 0 $shadowColor; -$floatingShadow: 6px 6px 3px $shadowColor; +$floatingShadow: 6px 6px 6px $shadowColor; |