@visns-studio/visns-components 5.0.19 → 5.0.21

package/src/components/crm/sorting/styles/Item.module.scss

@@ -1,68 +1,15 @@
-.sortlist {
+.edit {
     width: 100%;
-    display: grid;
-    grid-gap: 0.5rem;
-    grid-template-columns: repeat(4, 1fr);
-    box-sizing: border-box;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-
-    li {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-wrap: wrap;
-        border-radius: 5px;
-        border: 1px solid rgba(var(--primary-color-rgb), 0.2);
-        box-shadow: 0px 0px 20px rgba(var(--primary-color-rgb), 0.1);
-        padding: 1.25rem;
-        box-sizing: border-box;
-        cursor: pointer;
-        list-style: none;
-        position: relative;
-        color: var(--paragraph-color);
-        user-select: none;
-
-        svg {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 5px;
-        }
-
-        .pencil-edit {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 30px;
-        }
-
-        .trash-delete {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 60px;
-        }
-    }
-
-    .sortimg {
-        width: 50px;
-        position: relative;
-        height: 50px;
-        margin-left: auto;
-        border-radius: 5px;
-        overflow: hidden;
+    max-width: 18px;
+    position: absolute;
+    left: 5px !important;
+    top: 30px !important;
+}
 
-        img {
-            display: block;
-            object-fit: cover;
-            height: 100%;
-            width: 100%;
-            overflow: hidden;
-        }
-    }
+.delete {
+    width: 100%;
+    max-width: 18px;
+    position: absolute;
+    left: 5px !important;
+    top: 30px !important;
 }

package/src/components/crm/sorting/styles/List.module.scss

@@ -2,10 +2,11 @@
     width: 100%;
     display: grid;
     grid-gap: 0.5rem;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(1, 1fr);
     box-sizing: border-box;
     padding: 0;
     margin: 0;
+    font-size: 0.85rem;
     list-style: none;
 
     li {
@@ -14,9 +15,10 @@
         align-items: center;
         flex-wrap: wrap;
         border-radius: 5px;
-        border: 1px solid rgba(var(--primary-color-rgb), 0.2);
-        box-shadow: 0px 0px 20px rgba(var(--primary-color-rgb), 0.1);
-        padding: 1.25rem;
+        border: 1px solid rgba(var(--primary-rgb), 0.2);
+        box-shadow: 0px 0px 20px rgba(var(--primary-rgb), 0.1);
+        padding: 1.25rem 1.25rem 1.25rem 2rem;
+
         box-sizing: border-box;
         cursor: pointer;
         list-style: none;
@@ -31,22 +33,6 @@
             left: 5px;
             top: 5px;
         }
-
-        .pencil-edit {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 30px;
-        }
-
-        .trash-delete {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 60px;
-        }
     }
 
     .sortimg {

package/src/components/crm/styles/Form.module.scss

@@ -120,7 +120,6 @@ select:not(:placeholder-shown) + .fi__span {
     z-index: 999;
 }
 
-
 .lastItem {
     .btn {
         grid-column: 1 / -1;
@@ -218,12 +217,11 @@ input[type='file'] {
     }
 }
 
-
 .modal__close {
     width: max-content;
-    background: rgba(var(--paragraph-rgb), .05);
+    background: rgba(var(--paragraph-rgb), 0.05);
     cursor: pointer;
-    padding: .25rem;
+    padding: 0.25rem;
     margin: 0;
     outline: none;
     border: none;
@@ -246,7 +244,7 @@ input[type='file'] {
 
     .btn {
         background: var(--primary-color);
-        border: 1px solid rgb(var(--primary-color-rgb), 1.05);
+        border: 1px solid rgb(var(--primary-rgb), 1.05);
         width: 100%;
         padding: 0.75rem;
         border-radius: var(--br);
@@ -265,4 +263,4 @@ input[type='file'] {
             border-radius: var(--br);
         }
     }
-}
+}

package/src/components/crm/styles/MultiSelect.module.scss

@@ -1,3 +1,7 @@
+.visns__ms {
+    max-height: 52px !important;
+}
+
 .visns__ms input:hover {
     box-shadow: none !important;
     transition: box-shadow 0.15s linear !important;

package/src/components/crm/styles/Navigation.module.scss

@@ -92,13 +92,13 @@
             &.active a,
             &:hover span,
             &.active span {
-                background: rgba(var(--nav-active-rgb), 1);
-                color: var(--highlight-color);
+                background: rgba(var(--secondary-rgb), 1);
+                color: var(--tertiary-color);
             }
 
             &:hover svg,
             &.active svg {
-                color: var(--highlight-color);
+                color: var(--tertiary-color);
             }
 
             > ul {
@@ -111,24 +111,31 @@
                 display: none;
                 opacity: 0;
                 background: rgba(var(--primary-rgb), 0.75);
-                border-radius: var(--br);
 
                 li {
                     display: block;
                     position: relative;
                     margin: 1px 0;
+                    overflow: hidden;
+
+                    &:first-of-type {
+                        border-top-right-radius: var(--br) !important;
+                        border-top-left-radius: var(--br) !important;
+                    }
 
                     &:last-of-type {
+                        border-bottom-right-radius: var(--br) !important;
+                        border-bottom-left-radius: var(--br) !important;
                         margin-bottom: 0;
                     }
 
-                    a {
+                    > a {
                         width: 100%;
                         padding: 8px 20px;
                         box-sizing: border-box;
                         display: block;
                         text-decoration: none;
-                        border-radius: var(--br);
+                        border-radius: 0;
                         transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
                         outline: none;
                         margin: 0;

package/src/components/crm/styles/QrCode.module.scss

@@ -31,7 +31,7 @@
             flex: 0 0 calc(50% - 10px);
             padding: 0.85rem;
             box-sizing: border-box;
-            border: 1px solid rgba(var(--primary-color-rgb), 0.15);
+            border: 1px solid rgba(var(--primary-rgb), 0.15);
             color: var(--paragraph-color);
             background: rgba(var(--tertiary-color-rgb), 0.95);
             margin: 5px;
@@ -64,7 +64,7 @@
         width: 49%;
         padding: 1em;
         box-sizing: border-box;
-        border: 1px solid rgba(var(--primary-color-rgb), 0.15);
+        border: 1px solid rgba(var(--primary-rgb), 0.15);
         color: var(--paragraph-color);
         background: rgba(#f4f4f4, 0.65);
         margin: 5px;

package/src/components/styles/global.css

@@ -37,6 +37,14 @@ select {
     font: inherit;
 }
 
+select {
+    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
+        no-repeat 100% 50% #fff;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+}
+
 h1,
 h2,
 h3,

package/src/index.js

@@ -37,6 +37,7 @@ import CmsSort from './components/cms/generic/CmsSort';
 import AuditLog from './components/crm/generic/AuditLog';
 import AuditLogs from './components/crm/generic/AuditLogs';
 import GenericAuth from './components/crm/generic/GenericAuth';
+import GenericDashboard from './components/crm/generic/GenericDashboard';
 import GenericDetail from './components/crm/generic/GenericDetail';
 import GenericDynamic from './components/crm/generic/GenericDynamic';
 import GenericFormBuilder from './components/crm/generic/GenericFormBuilder';
@@ -63,6 +64,7 @@ export {
     Field,
     Form,
     GenericAuth,
+    GenericDashboard,
     GenericDetail,
     GenericDynamic,
     GenericFormBuilder,