@djb25/digit-ui-css 1.0.58 → 1.0.60
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.
- package/dist/index.css +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/components/EkycAssign.scss +114 -0
- package/src/components/SurveyorDetailsDashboard.scss +199 -0
- package/src/components/card.scss +10 -23
- package/src/components/financeUi.scss +0 -5
- package/src/components/inboxv2/inboxSearchComposer.scss +1 -1
- package/src/components/landingpage.scss +1907 -1370
- package/src/components/moduleHeader.scss +1 -1
- package/src/components/topbar.scss +1 -1
- package/src/digitv2/components/cardV2.scss +0 -18
- package/src/index.scss +7 -4
- package/src/pages/employee/container.scss +4 -3
- package/src/pages/employee/dashboard.scss +1 -1
- package/src/pages/employee/ekycDashboard.scss +1 -1
- package/src/pages/employee/inbox.scss +1 -1
- package/src/pages/employee/popupmodule.scss +10 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@djb25/digit-ui-css",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.60",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.css",
|
|
6
6
|
"author": "satyam",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"postcss-prefixer": "2.1.3",
|
|
47
47
|
"postcss-preset-env": "^7",
|
|
48
48
|
"postcss-scss": "3.0.5",
|
|
49
|
-
"sass": "
|
|
49
|
+
"sass": "1.26.11"
|
|
50
50
|
},
|
|
51
51
|
"files": [
|
|
52
52
|
"dist/index.min.css",
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
.assign-knos-modal {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 20px;
|
|
5
|
+
height: inherit;
|
|
6
|
+
overflow-y: auto;
|
|
7
|
+
flex: 1;
|
|
8
|
+
|
|
9
|
+
.filters-grid {
|
|
10
|
+
display: grid;
|
|
11
|
+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
|
12
|
+
gap: 8px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.form-control {
|
|
16
|
+
height: 48px;
|
|
17
|
+
width: 100%;
|
|
18
|
+
padding: 0 14px;
|
|
19
|
+
border: 1px solid #d1d5db;
|
|
20
|
+
border-radius: 10px;
|
|
21
|
+
background: #fff;
|
|
22
|
+
font-size: 14px;
|
|
23
|
+
outline: none;
|
|
24
|
+
|
|
25
|
+
&:focus {
|
|
26
|
+
border-color: #0b2559;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.summary-bar {
|
|
31
|
+
display: flex;
|
|
32
|
+
justify-content: space-between;
|
|
33
|
+
align-items: center;
|
|
34
|
+
background: #f5f7fa;
|
|
35
|
+
padding: 14px 18px;
|
|
36
|
+
border-radius: 12px;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.table-wrapper {
|
|
41
|
+
border: 1px solid #d6d6d6;
|
|
42
|
+
border-radius: 14px;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.table-header {
|
|
49
|
+
display: grid;
|
|
50
|
+
grid-template-columns: 90px 1.2fr 1.4fr 1fr 1fr 1fr 0.8fr;
|
|
51
|
+
padding: 16px;
|
|
52
|
+
background: #eef2f7;
|
|
53
|
+
font-weight: 700;
|
|
54
|
+
font-size: 14px;
|
|
55
|
+
color: #0b2559;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.table-body {
|
|
59
|
+
max-height: 500px;
|
|
60
|
+
overflow-y: auto;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.table-row {
|
|
64
|
+
display: grid;
|
|
65
|
+
grid-template-columns: 90px 1.2fr 1.4fr 1fr 1fr 1fr 0.8fr;
|
|
66
|
+
padding: 16px;
|
|
67
|
+
align-items: center;
|
|
68
|
+
border-top: 1px solid #edf0f4;
|
|
69
|
+
font-size: 14px;
|
|
70
|
+
|
|
71
|
+
&.even {
|
|
72
|
+
background: #fff;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
&.odd {
|
|
76
|
+
background: #fafbfd;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.kno-value {
|
|
81
|
+
font-weight: 600;
|
|
82
|
+
color: #0b2559;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.status-badge {
|
|
86
|
+
padding: 6px 10px;
|
|
87
|
+
border-radius: 999px;
|
|
88
|
+
font-size: 12px;
|
|
89
|
+
font-weight: 600;
|
|
90
|
+
display: inline-block;
|
|
91
|
+
|
|
92
|
+
&.pending {
|
|
93
|
+
background: #fef3c7;
|
|
94
|
+
color: #92400e;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&.verified {
|
|
98
|
+
background: #dcfce7;
|
|
99
|
+
color: #166534;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&.assigned {
|
|
103
|
+
background: #dbeafe;
|
|
104
|
+
color: #1e40af;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.empty-state {
|
|
109
|
+
padding: 40px;
|
|
110
|
+
text-align: center;
|
|
111
|
+
color: #6b7280;
|
|
112
|
+
font-weight: 500;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
.surveyor-dashboard {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 24px;
|
|
5
|
+
width: 100%;
|
|
6
|
+
overflow-y: scroll !important;
|
|
7
|
+
|
|
8
|
+
.stats-wrapper {
|
|
9
|
+
display: flex;
|
|
10
|
+
gap: 18px;
|
|
11
|
+
flex-wrap: wrap;
|
|
12
|
+
|
|
13
|
+
.stat-card {
|
|
14
|
+
flex: 1;
|
|
15
|
+
min-width: 180px;
|
|
16
|
+
background: #ffffff;
|
|
17
|
+
border-radius: 12px;
|
|
18
|
+
padding: 18px;
|
|
19
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
20
|
+
|
|
21
|
+
.stat-title {
|
|
22
|
+
font-size: 13px;
|
|
23
|
+
color: #667085;
|
|
24
|
+
margin-bottom: 8px;
|
|
25
|
+
font-weight: 600;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.stat-value {
|
|
29
|
+
font-size: 28px;
|
|
30
|
+
font-weight: 700;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&.today {
|
|
34
|
+
border-left: 5px solid #3b82f6;
|
|
35
|
+
|
|
36
|
+
.stat-value {
|
|
37
|
+
color: #3b82f6;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&.week {
|
|
42
|
+
border-left: 5px solid #8b5cf6;
|
|
43
|
+
|
|
44
|
+
.stat-value {
|
|
45
|
+
color: #8b5cf6;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&.month {
|
|
50
|
+
border-left: 5px solid #10b981;
|
|
51
|
+
|
|
52
|
+
.stat-value {
|
|
53
|
+
color: #10b981;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&.pending {
|
|
58
|
+
border-left: 5px solid #f59e0b;
|
|
59
|
+
|
|
60
|
+
.stat-value {
|
|
61
|
+
color: #f59e0b;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.charts-wrapper {
|
|
68
|
+
display: grid;
|
|
69
|
+
grid-template-columns: 2fr 1fr;
|
|
70
|
+
gap: 24px;
|
|
71
|
+
|
|
72
|
+
.chart-card {
|
|
73
|
+
background: #ffffff;
|
|
74
|
+
border-radius: 14px;
|
|
75
|
+
padding: 20px;
|
|
76
|
+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
|
|
77
|
+
|
|
78
|
+
.chart-title {
|
|
79
|
+
margin-bottom: 20px;
|
|
80
|
+
color: #101828;
|
|
81
|
+
font-size: 18px;
|
|
82
|
+
font-weight: 600;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.details-grid {
|
|
88
|
+
display: grid;
|
|
89
|
+
grid-template-columns: 1fr 1fr;
|
|
90
|
+
gap: 4px;
|
|
91
|
+
|
|
92
|
+
.detail-item {
|
|
93
|
+
display: flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
gap: 6px;
|
|
96
|
+
font-size: 14px;
|
|
97
|
+
|
|
98
|
+
.label {
|
|
99
|
+
font-weight: 600;
|
|
100
|
+
color: #101828;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.value {
|
|
104
|
+
color: #475467;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.action-wrapper {
|
|
110
|
+
display: flex;
|
|
111
|
+
justify-content: flex-end;
|
|
112
|
+
gap: 16px;
|
|
113
|
+
margin-top: 8px;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
@media (max-width: 768px) {
|
|
117
|
+
.charts-wrapper {
|
|
118
|
+
grid-template-columns: 1fr;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.details-grid {
|
|
122
|
+
grid-template-columns: 1fr;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.ekyc-dashboard-header {
|
|
126
|
+
flex-direction: column;
|
|
127
|
+
align-items: flex-start;
|
|
128
|
+
|
|
129
|
+
.avatar {
|
|
130
|
+
width: 64px;
|
|
131
|
+
height: 64px;
|
|
132
|
+
font-size: 22px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.header-content {
|
|
136
|
+
.name {
|
|
137
|
+
font-size: 22px;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.stats-wrapper {
|
|
143
|
+
.stat-card {
|
|
144
|
+
min-width: 100%;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.action-wrapper {
|
|
149
|
+
flex-direction: column;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.ekyc-dashboard-section {
|
|
155
|
+
background: #ffffff;
|
|
156
|
+
border-radius: 14px;
|
|
157
|
+
padding: 24px;
|
|
158
|
+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.ekyc-dashboard-header {
|
|
162
|
+
display: flex !important;
|
|
163
|
+
align-items: center !important;
|
|
164
|
+
gap: 18px;
|
|
165
|
+
.avatar {
|
|
166
|
+
width: 80px;
|
|
167
|
+
height: 80px;
|
|
168
|
+
border-radius: 50%;
|
|
169
|
+
background: #0b2559;
|
|
170
|
+
color: #ffffff;
|
|
171
|
+
display: flex !important;
|
|
172
|
+
align-items: center !important;
|
|
173
|
+
justify-content: center;
|
|
174
|
+
font-size: 28px;
|
|
175
|
+
font-weight: 700;
|
|
176
|
+
flex-shrink: 0;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.header-content {
|
|
180
|
+
.name {
|
|
181
|
+
margin: 0;
|
|
182
|
+
font-size: 26px;
|
|
183
|
+
font-weight: 700;
|
|
184
|
+
color: #101828;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.designation {
|
|
188
|
+
margin-top: 6px;
|
|
189
|
+
color: #667085;
|
|
190
|
+
font-size: 15px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.employee-id {
|
|
194
|
+
margin-top: 8px;
|
|
195
|
+
font-size: 14px;
|
|
196
|
+
color: #475467;
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
package/src/components/card.scss
CHANGED
|
@@ -148,16 +148,12 @@
|
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
.header-wrap {
|
|
151
|
-
@apply flex
|
|
151
|
+
@apply flex;
|
|
152
152
|
|
|
153
153
|
.header-start {
|
|
154
154
|
margin-right: auto;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.header-content {
|
|
158
|
-
margin-top: 0.2rem;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
157
|
.header-end {
|
|
162
158
|
margin-left: auto;
|
|
163
159
|
}
|
|
@@ -426,7 +422,7 @@
|
|
|
426
422
|
}
|
|
427
423
|
|
|
428
424
|
.header-wrap {
|
|
429
|
-
@apply flex
|
|
425
|
+
@apply flex;
|
|
430
426
|
|
|
431
427
|
.header-start {
|
|
432
428
|
margin-right: auto;
|
|
@@ -902,12 +898,6 @@
|
|
|
902
898
|
gap: 12px;
|
|
903
899
|
}
|
|
904
900
|
|
|
905
|
-
.content-links-list {
|
|
906
|
-
display: flex;
|
|
907
|
-
flex-direction: column;
|
|
908
|
-
gap: 14px;
|
|
909
|
-
}
|
|
910
|
-
|
|
911
901
|
.link-label {
|
|
912
902
|
font-size: 0.95rem;
|
|
913
903
|
font-weight: 500;
|
|
@@ -1080,7 +1070,6 @@
|
|
|
1080
1070
|
display: grid;
|
|
1081
1071
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
1082
1072
|
gap: 20px;
|
|
1083
|
-
margin-top: 16px;
|
|
1084
1073
|
}
|
|
1085
1074
|
|
|
1086
1075
|
.expanded-content {
|
|
@@ -1089,7 +1078,7 @@
|
|
|
1089
1078
|
overflow-y: auto;
|
|
1090
1079
|
background-color: #ffffff;
|
|
1091
1080
|
padding: 32px;
|
|
1092
|
-
border-radius:
|
|
1081
|
+
border-radius: 12px;
|
|
1093
1082
|
border: 1px solid #eef2f7;
|
|
1094
1083
|
box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04);
|
|
1095
1084
|
}
|
|
@@ -1112,6 +1101,7 @@
|
|
|
1112
1101
|
cursor: pointer;
|
|
1113
1102
|
transition: all 0.25s ease;
|
|
1114
1103
|
overflow: hidden;
|
|
1104
|
+
gap: 12px;
|
|
1115
1105
|
}
|
|
1116
1106
|
|
|
1117
1107
|
.module-link-card::before {
|
|
@@ -1168,6 +1158,7 @@
|
|
|
1168
1158
|
font-weight: 700;
|
|
1169
1159
|
color: #0f172a;
|
|
1170
1160
|
transition: color 0.25s ease;
|
|
1161
|
+
word-wrap: anywhere;
|
|
1171
1162
|
}
|
|
1172
1163
|
|
|
1173
1164
|
.link-card-sublabel {
|
|
@@ -1226,8 +1217,12 @@
|
|
|
1226
1217
|
}
|
|
1227
1218
|
|
|
1228
1219
|
@media (max-width: 768px) {
|
|
1220
|
+
/* expanded content full width */
|
|
1229
1221
|
.expanded-content {
|
|
1230
|
-
|
|
1222
|
+
width: 100% !important;
|
|
1223
|
+
padding: 16px !important;
|
|
1224
|
+
border-radius: 0 !important;
|
|
1225
|
+
box-shadow: none !important;
|
|
1231
1226
|
}
|
|
1232
1227
|
|
|
1233
1228
|
.content-title {
|
|
@@ -1603,14 +1598,6 @@
|
|
|
1603
1598
|
}
|
|
1604
1599
|
|
|
1605
1600
|
/* expanded sidebar NOT hidden on mobile to allow hamburger menu */
|
|
1606
|
-
|
|
1607
|
-
/* expanded content full width */
|
|
1608
|
-
.expanded-content {
|
|
1609
|
-
width: 100% !important;
|
|
1610
|
-
padding: 16px !important;
|
|
1611
|
-
border-radius: 0 !important;
|
|
1612
|
-
box-shadow: none !important;
|
|
1613
|
-
}
|
|
1614
1601
|
}
|
|
1615
1602
|
|
|
1616
1603
|
@media (min-width: 768px) {
|