@visns-studio/visns-components 4.5.0 → 4.5.2

package/components/crm/Fetch.jsx

@@ -15,8 +15,9 @@ const CustomFetch = (
     const headers = {
         'Content-Type': 'application/json',
     };
-
-    const MAX_PAYLOAD_SIZE = 4.5 * 1024 * 1024; // 4.5MB in bytes
+    const MAX_PAYLOAD_SIZE_MB =
+        parseFloat(process.env.REACT_APP_MAX_PAYLOAD_SIZE_MB) || 4.5;
+    const MAX_PAYLOAD_SIZE = MAX_PAYLOAD_SIZE_MB * 1024 * 1024; // Convert MB to bytes
 
     // Estimate headers size
     const headersSize = JSON.stringify(headers).length;

package/components/crm/generic/GenericDetail.jsx

@@ -1115,7 +1115,7 @@ function GenericDetail({
                                             ?.checkboxUpdate && (
                                             <div className={styles.polActions}>
                                                 <button
-                                                    className="btn"
+                                                    className={styles.btn}
                                                     onClick={
                                                         handleCheckboxUpdate
                                                     }

package/components/crm/styles/Form.module.css

@@ -470,3 +470,30 @@ select {
     background: var(--highlight-color);
     border: 1px solid rgba(var(--highlight-color-rgb), 1.05);
 }
+
+.grid__full {
+    width: 100%;
+    background: var(--item-color);
+    border-radius: var(--br);
+    border: 1px solid rgba(var(--item-color-rgb), 1.15);
+    box-sizing: border-box;
+    overflow: visible;
+    position: relative;
+    padding: 2px;
+    margin: 8px 0;
+    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
+}
+
+.polActions {
+    position: fixed;
+    bottom: 15px;
+    right: 20px;
+    width: auto;
+}
+
+.polActions button {
+    display: block;
+    float: left;
+    padding: 0.35em 1em;
+    margin: 0 0.15em;
+}

package/components/crm/styles/Navigation.module.css

@@ -5,7 +5,7 @@
 }
 
 .hwrap .logo {
-    width: 100px;
+    width: var(--logo-width, 100px);
     padding: 0 1rem 0 0.5rem;
     margin: 0;
     line-height: 1.45;
@@ -13,7 +13,7 @@
 
 .hwrap .logo img {
     width: 100%;
-    max-width: 80px;
+    max-width: var(--logo-max-width, 180px);
     height: auto;
     display: block;
     margin: 0 auto;
@@ -67,7 +67,8 @@
     align-items: center;
     gap: 0.25rem;
     box-sizing: border-box;
-    padding: 0.5em;
+    padding: 0.5em 1em;
+    margin: 0.25em;
     text-decoration: none;
     outline: none;
     border-radius: var(--br);
@@ -100,7 +101,7 @@
 .app-nav .nav-item.active a,
 .app-nav .nav-item:hover span,
 .app-nav .nav-item.active span {
-    background: rgba(var(--primary-color-rgb), 0.97);
+    background: var(--primary-color-lighter);
     color: var(--tertiary-color);
 }
 

package/package.json

@@ -58,7 +58,7 @@
         "react-dom": "^17.0.1"
     },
     "name": "@visns-studio/visns-components",
-    "version": "4.5.0",
+    "version": "4.5.2",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "index.js",
     "scripts": {