New Feature: Ability to register new items in the database

1 files changed, 40 insertions, 13 deletions

diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index 92f227a..f7a2d2e 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -10,6 +10,20 @@
 
 $inputBorders: 1px solid $altBorderColor;
 
+/* hide arrows in numericInputs */
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  -moz-appearance: textfield;
+}
+
+
 .formContainer {
   /*border: 1px solid pink;*/
   /*padding: 2rem;*/
@@ -72,19 +86,6 @@ label {
   scrollbar-width: none;  /* Firefox */
 }
 
-/* hide arrows in numericInputs */
-/* Chrome, Safari, Edge, Opera */
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* Firefox */
-input[type=number] {
-  -moz-appearance: textfield;
-}
-
 .addNewItemForm label {
   display: flex;
   justify-content: space-between;
@@ -92,6 +93,32 @@ input[type=number] {
   border-bottom: 1px dotted $labelUnderlineColor;
 }
 
+.RegisterItemFormContainer {
+  /*display: none;*/
+  position: fixed;
+
+  width: 95%;
+  height: 70vh;
+
+  left: 0;right: 0;
+  margin: auto;
+  top: 15vh;
+
+  background-color: $altBG;
+}
+
+.RegisterItemForm .textInputs,
+.RegisterItemForm .numericInputs {
+  width: 40%;
+}
+
+.RegisterItemForm {
+  width: 95%;
+  height: 60vh;
+  margin: 1rem auto;
+  justify-content: space-around;
+}
+
 .MetaInfoForm {
   width: 60%;
 }