First Commit

1 files changed, 88 insertions, 0 deletions

diff --git a/src/components/editors/scss/item-editor.scss b/src/components/editors/scss/item-editor.scss
new file mode 100644
index 0000000..968795a
--- /dev/null
+++ b/src/components/editors/scss/item-editor.scss
@@ -0,0 +1,88 @@
+/* OpenBills-web - Web based libre billing software
+ * Copyright (C) 2022  Vidhu Kant Sharma <vidhukant@vidhukant.xyz>
+
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.editor-wrapper {
+    width: 100%;
+    margin: auto;
+    padding: 0;
+    margin: 0;
+    position: relative;
+    p {
+        text-align: center;
+        font-weight: bold;
+        font-size: 1.7rem;
+        color: #bd93f9;
+    }
+}
+
+.editor {
+    padding-bottom: 2.5rem;
+    margin: auto;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    align-items: center;
+    min-width: 90%;
+
+    label {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        align-items: center;
+        max-width: 24rem;
+        width: 90%;
+        padding: 0.3rem 0.1rem;
+        border-bottom: 1px dotted #d0afff;
+
+        select,input {
+            padding: 0.2rem;
+            max-width: 13rem;
+            width: 90%;
+            box-sizing: border-box;
+            background-color: #00000000;
+            border: 1px solid #bd93f9;
+            color: white;
+            border-radius: 4px;
+            outline: 0;
+        }
+    }
+
+    .buttons {
+        position: absolute;
+        display: flex;
+        justify-content: space-between;
+        width: 13.5rem;
+        input {
+            padding: 0.2rem 0;
+            width: 4rem;
+            background-color: #00000000;
+            border: 1px solid #bd93f9;
+            color: white;
+            border-radius: 4px;
+            transition: background-color 0.4s, color 0.4s;
+        }
+        input:hover {
+            background-color: #bd93f9;
+            color: black;
+        }
+        bottom: 0;
+        left: 0;
+        right: 0;
+        margin: auto;
+    }
+}