@djb25/digit-ui-css 1.0.69 → 1.0.70
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 +1 -1
- package/src/components/SearchForm.scss +1 -2
- package/src/components/reportDownload.scss +104 -0
- package/src/components/selectdropdown.scss +7 -1
- package/src/components/textfields.scss +2 -13
- package/src/digitv2/components/FormComposerV2.scss +0 -10
- package/src/index.scss +1 -0
- package/src/pages/employee/inbox.scss +5 -3
package/package.json
CHANGED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
.ekyc-dashboard-section {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: space-between;
|
|
4
|
+
align-items: flex-start;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.report-download {
|
|
8
|
+
position: relative;
|
|
9
|
+
flex-shrink: 0;
|
|
10
|
+
|
|
11
|
+
.download-btn {
|
|
12
|
+
background: #0b2559;
|
|
13
|
+
color: #fff;
|
|
14
|
+
border: none;
|
|
15
|
+
border-radius: 8px;
|
|
16
|
+
padding: 10px 20px;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
font-weight: 600;
|
|
19
|
+
font-size: 14px;
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
gap: 8px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.report-menu {
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 44px;
|
|
28
|
+
right: 0;
|
|
29
|
+
background: #fff;
|
|
30
|
+
border: 1px solid #e5e7eb;
|
|
31
|
+
border-radius: 10px;
|
|
32
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
33
|
+
z-index: 999;
|
|
34
|
+
min-width: 220px;
|
|
35
|
+
padding: 8px 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.menu-item {
|
|
39
|
+
padding: 10px 20px;
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
font-size: 14px;
|
|
42
|
+
color: #111;
|
|
43
|
+
transition: background 0.15s;
|
|
44
|
+
|
|
45
|
+
&:hover {
|
|
46
|
+
background: #f3f4f6;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.custom-date-trigger {
|
|
51
|
+
padding: 10px 20px;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
font-size: 14px;
|
|
54
|
+
color: #0b2559;
|
|
55
|
+
font-weight: 600;
|
|
56
|
+
border-top: 1px solid #e5e7eb;
|
|
57
|
+
margin-top: 4px;
|
|
58
|
+
|
|
59
|
+
&:hover {
|
|
60
|
+
background: #f3f4f6;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.custom-picker {
|
|
65
|
+
padding: 12px 20px;
|
|
66
|
+
border-top: 1px solid #e5e7eb;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.date-field {
|
|
70
|
+
margin-bottom: 12px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.date-label {
|
|
74
|
+
display: block;
|
|
75
|
+
margin-bottom: 4px;
|
|
76
|
+
font-size: 12px;
|
|
77
|
+
color: #6b7280;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.date-input {
|
|
81
|
+
width: 100%;
|
|
82
|
+
padding: 6px 8px;
|
|
83
|
+
border: 1px solid #d1d5db;
|
|
84
|
+
border-radius: 6px;
|
|
85
|
+
font-size: 13px;
|
|
86
|
+
outline: none;
|
|
87
|
+
|
|
88
|
+
&:focus {
|
|
89
|
+
border-color: #0b2559;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.download-action-btn {
|
|
94
|
+
width: 100%;
|
|
95
|
+
background: #0b2559;
|
|
96
|
+
color: #fff;
|
|
97
|
+
border: none;
|
|
98
|
+
border-radius: 6px;
|
|
99
|
+
padding: 8px;
|
|
100
|
+
cursor: pointer;
|
|
101
|
+
font-weight: 600;
|
|
102
|
+
font-size: 13px;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
@@ -45,8 +45,14 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
svg {
|
|
48
|
+
color: #e5e5e7;
|
|
48
49
|
@apply absolute right-0 float-right h-6 w-6 mt-sm mr-sm;
|
|
49
50
|
}
|
|
51
|
+
&:hover {
|
|
52
|
+
svg {
|
|
53
|
+
color: #a1a1aa;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
50
56
|
}
|
|
51
57
|
|
|
52
58
|
.select-active {
|
|
@@ -117,7 +123,7 @@
|
|
|
117
123
|
@apply relative;
|
|
118
124
|
|
|
119
125
|
.select {
|
|
120
|
-
@apply relative block w-full h-10
|
|
126
|
+
@apply relative block w-full h-10 rounded-md;
|
|
121
127
|
|
|
122
128
|
input[type="text"] {
|
|
123
129
|
width: calc(100% - 32px);
|
|
@@ -17,6 +17,8 @@
|
|
|
17
17
|
.employee-card-input:disabled {
|
|
18
18
|
@apply border-grey-dark text-grey-dark !important;
|
|
19
19
|
pointer-events: none !important;
|
|
20
|
+
@extend .light-input-border;
|
|
21
|
+
@extend .light-text-color-disabled;
|
|
20
22
|
}
|
|
21
23
|
.employee-card-input--front {
|
|
22
24
|
width: fit-content !important;
|
|
@@ -80,16 +82,3 @@
|
|
|
80
82
|
width: 240px;
|
|
81
83
|
}
|
|
82
84
|
}
|
|
83
|
-
|
|
84
|
-
.citizen-card-input {
|
|
85
|
-
@apply pl-sm outline-none block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.citizen-card-input--front {
|
|
89
|
-
width: fit-content !important;
|
|
90
|
-
display: flex;
|
|
91
|
-
align-items: center;
|
|
92
|
-
background: theme(colors.grey.mid);
|
|
93
|
-
border-right: 0;
|
|
94
|
-
padding-right: 5px;
|
|
95
|
-
}
|
|
@@ -44,16 +44,6 @@
|
|
|
44
44
|
@extend .alert-error;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.employee-card-input {
|
|
48
|
-
border: 2px solid #e5e5e7;
|
|
49
|
-
@apply pl-sm outline-none block w-full h-10 bg-white leading-10 text-form-field text-text-primary;
|
|
50
|
-
}
|
|
51
|
-
.employee-card-input:disabled {
|
|
52
|
-
@apply border-grey-dark text-grey-dark !important;
|
|
53
|
-
pointer-events: none !important;
|
|
54
|
-
@extend .light-input-border;
|
|
55
|
-
@extend .light-text-color-disabled;
|
|
56
|
-
}
|
|
57
47
|
.employee-card-input--front {
|
|
58
48
|
width: fit-content !important;
|
|
59
49
|
display: flex;
|
package/src/index.scss
CHANGED
|
@@ -798,9 +798,11 @@
|
|
|
798
798
|
border-radius: 6px;
|
|
799
799
|
|
|
800
800
|
.card-head {
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
801
|
+
@apply flex justify-between items-center;
|
|
802
|
+
margin-bottom: 10px;
|
|
803
|
+
h2 {
|
|
804
|
+
@apply text-heading-m font-bold;
|
|
805
|
+
}
|
|
804
806
|
}
|
|
805
807
|
|
|
806
808
|
h2 {
|