@visns-studio/visns-components 4.4.11 → 4.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import Table from '../DataGrid';
3
3
  import styles from './styles/AuditLogs.module.css';
4
4
 
5
- const AuditLogs = () => {
5
+ const AuditLogs = ({ layout }) => {
6
6
  const setting = {
7
7
  ajaxSetting: {
8
8
  url: '/ajax/audits/table',
@@ -85,8 +85,14 @@ const AuditLogs = () => {
85
85
  <div>
86
86
  <div className={styles.grid}>
87
87
  <div className={styles.grid__row}>
88
- <div className={`${styles.grid__full} ${styles.crmtitle}`}>
89
- <h1>Audit Log</h1>
88
+ <div
89
+ className={`${styles.grid__full} ${
90
+ layout === 'full'
91
+ ? styles.crmtitle
92
+ : styles.crmtitleSimple
93
+ }`}
94
+ >
95
+ <h1>Audit Logs</h1>
90
96
  </div>
91
97
  </div>
92
98
  </div>
@@ -1115,7 +1115,7 @@ function GenericDetail({
1115
1115
  ?.checkboxUpdate && (
1116
1116
  <div className={styles.polActions}>
1117
1117
  <button
1118
- className="btn"
1118
+ className={styles.btn}
1119
1119
  onClick={
1120
1120
  handleCheckboxUpdate
1121
1121
  }
@@ -32,36 +32,61 @@
32
32
  .crmtitle {
33
33
  border: none;
34
34
  min-height: auto;
35
- padding: 5px 20px;
35
+ padding: 10px 20px;
36
36
  margin: 0;
37
- background: var(--primary-color);
37
+ background: var(--tertiary-color);
38
38
  border-radius: var(--br);
39
39
  border: 1px solid rgba(var(--item-color-rgb), 1.15);
40
40
  position: relative;
41
+ }
42
+
43
+ .crmtitle h1 {
44
+ font-weight: 700;
45
+ font-size: 1.45em;
46
+ margin: 0;
47
+ padding: 0.65rem 0;
48
+ }
49
+
50
+ .crmtitle h1 a {
51
+ text-decoration: none;
52
+ color: rgba(var(--secondary-color-rgb), 1.1);
53
+ font-weight: 300;
54
+ }
55
+
56
+ .crmtitle h1 svg {
57
+ color: rgba(var(--primary-color-rgb), 0.25);
58
+ position: relative;
59
+ top: 2px;
60
+ margin: 0 0.25rem;
61
+ }
62
+
63
+ .crmtitleSimple {
64
+ border: none;
65
+ min-height: auto;
66
+ padding: 0.65rem 1rem;
67
+ margin-bottom: 0.15rem;
68
+ background: var(--tertiary-color);
69
+ border-radius: var(--br);
70
+ box-sizing: border-box;
41
71
  display: flex;
72
+ flex-wrap: nowrap;
73
+ justify-content: space-between;
42
74
  align-items: center;
43
75
 
44
76
  h1 {
45
- color: var(--background-color);
46
- font-weight: 700;
47
- font-size: 1.15em;
77
+ font-size: 1.25rem;
48
78
  margin: 0;
49
- padding: 0.65rem 0;
50
- display: flex;
51
- align-items: center;
52
- gap: 0.25rem;
79
+ padding: 0;
80
+ }
81
+ }
53
82
 
54
- a {
55
- text-decoration: none;
56
- color: var(--secondary-color);
57
- }
83
+ .titleInfo {
84
+ position: absolute;
85
+ right: 2em;
86
+ top: 24px;
87
+ }
58
88
 
59
- svg {
60
- color: rgba(var(--tertiary-color-rgb), 0.5);
61
- position: relative;
62
- top: 0;
63
- margin: 0 0.5rem;
64
- max-width: 15px;
65
- }
66
- }
89
+ .titleInfo span {
90
+ font-size: 0.875em;
91
+ color: rgba(var(--paragraph-color-rgb), 0.65);
67
92
  }
@@ -470,3 +470,30 @@ select {
470
470
  background: var(--highlight-color);
471
471
  border: 1px solid rgba(var(--highlight-color-rgb), 1.05);
472
472
  }
473
+
474
+ .grid__full {
475
+ width: 100%;
476
+ background: var(--item-color);
477
+ border-radius: var(--br);
478
+ border: 1px solid rgba(var(--item-color-rgb), 1.15);
479
+ box-sizing: border-box;
480
+ overflow: visible;
481
+ position: relative;
482
+ padding: 2px;
483
+ margin: 8px 0;
484
+ box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
485
+ }
486
+
487
+ .polActions {
488
+ position: fixed;
489
+ bottom: 15px;
490
+ right: 20px;
491
+ width: auto;
492
+ }
493
+
494
+ .polActions button {
495
+ display: block;
496
+ float: left;
497
+ padding: 0.35em 1em;
498
+ margin: 0 0.15em;
499
+ }
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  .hwrap .logo {
8
- width: 100px;
8
+ width: 150px;
9
9
  padding: 0 1rem 0 0.5rem;
10
10
  margin: 0;
11
11
  line-height: 1.45;
@@ -13,7 +13,7 @@
13
13
 
14
14
  .hwrap .logo img {
15
15
  width: 100%;
16
- max-width: 80px;
16
+ max-width: 180px;
17
17
  height: auto;
18
18
  display: block;
19
19
  margin: 0 auto;
@@ -67,7 +67,8 @@
67
67
  align-items: center;
68
68
  gap: 0.25rem;
69
69
  box-sizing: border-box;
70
- padding: 0.5em;
70
+ padding: 0.5em 1em;
71
+ margin: 0.25em;
71
72
  text-decoration: none;
72
73
  outline: none;
73
74
  border-radius: var(--br);
@@ -100,7 +101,7 @@
100
101
  .app-nav .nav-item.active a,
101
102
  .app-nav .nav-item:hover span,
102
103
  .app-nav .nav-item.active span {
103
- background: rgba(var(--primary-color-rgb), 0.97);
104
+ background: var(--primary-color-lighter);
104
105
  color: var(--tertiary-color);
105
106
  }
106
107
 
package/package.json CHANGED
@@ -12,10 +12,10 @@
12
12
  "array-move": "^4.0.0",
13
13
  "awesome-debounce-promise": "^2.1.0",
14
14
  "axios": "^1.7.2",
15
- "dayjs": "^1.11.11",
15
+ "dayjs": "^1.11.12",
16
16
  "file-saver": "^2.0.5",
17
- "framer-motion": "^11.3.4",
18
- "html-react-parser": "^5.1.10",
17
+ "framer-motion": "^11.3.8",
18
+ "html-react-parser": "^5.1.12",
19
19
  "lodash": "^4.17.21",
20
20
  "lodash.debounce": "^4.0.8",
21
21
  "moment": "^2.30.1",
@@ -58,7 +58,7 @@
58
58
  "react-dom": "^17.0.1"
59
59
  },
60
60
  "name": "@visns-studio/visns-components",
61
- "version": "4.4.11",
61
+ "version": "4.5.1",
62
62
  "description": "Various packages to assist in the development of our Custom Applications.",
63
63
  "main": "index.js",
64
64
  "scripts": {