@pmidc/upyog-css 1.1.9 → 1.1.10
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 +1837 -301
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/buttons.scss +35 -4
- package/src/components/card.scss +14 -0
- package/src/components/custombtn.scss +1 -1
- package/src/components/navbar.scss +39 -0
- package/src/components/selectdropdown.scss +11 -11
- package/src/components/textfields.scss +17 -0
- package/src/modules/rentAndLease/index.scss +3 -2
- package/src/pages/common/newApplicationTimeline.scss +1 -3
- package/src/pages/employee/header.scss +1 -1
- package/src/pages/employee/landing.scss +1461 -3
- package/src/pages/employee/login.scss +1 -2
package/package.json
CHANGED
|
@@ -1,13 +1,44 @@
|
|
|
1
1
|
.selector-button-primary {
|
|
2
|
-
|
|
2
|
+
background-color: #2947A3 !important;
|
|
3
|
+
color: #ffffff !important;
|
|
4
|
+
border: none !important;
|
|
5
|
+
border-radius: 0.375rem;
|
|
6
|
+
padding: 0.5rem 1rem;
|
|
7
|
+
font-family: 'Noto Sans', sans-serif;
|
|
8
|
+
font-weight: 500;
|
|
9
|
+
font-size: 0.875rem;
|
|
10
|
+
line-height: 1.25rem;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
transition: all 0.2s ease;
|
|
13
|
+
white-space: normal; /* allow wrapping */
|
|
14
|
+
word-break: break-word; /* break long words */
|
|
15
|
+
overflow-wrap: break-word;
|
|
16
|
+
text-align: center;
|
|
17
|
+
display: inline-flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
height: auto;
|
|
21
|
+
min-height: 40px;
|
|
22
|
+
width: 30%;
|
|
23
|
+
max-height: 40px;
|
|
24
|
+
margin: 0;
|
|
3
25
|
|
|
4
|
-
&:
|
|
5
|
-
|
|
26
|
+
&:hover {
|
|
27
|
+
background-color: #1e3a8a !important;
|
|
28
|
+
opacity: 0.9;
|
|
6
29
|
}
|
|
7
30
|
|
|
8
31
|
h2 {
|
|
9
|
-
|
|
32
|
+
color: #ffffff !important;
|
|
33
|
+
font-size: 0.875rem !important;
|
|
34
|
+
line-height: 1.25rem !important;
|
|
35
|
+
font-weight: 500 !important;
|
|
36
|
+
margin: 0 !important;
|
|
37
|
+
padding: 0 !important;
|
|
38
|
+
border: none !important;
|
|
39
|
+
width: 100%;
|
|
10
40
|
}
|
|
41
|
+
|
|
11
42
|
}
|
|
12
43
|
|
|
13
44
|
.selector-button-border {
|
package/src/components/card.scss
CHANGED
|
@@ -343,6 +343,20 @@
|
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
+
.submit-bar-back {
|
|
347
|
+
background: transparent !important;
|
|
348
|
+
color: #2563eb !important;
|
|
349
|
+
border: 1px solid #2563eb !important;
|
|
350
|
+
box-shadow: none !important;
|
|
351
|
+
margin-right: 10px;
|
|
352
|
+
|
|
353
|
+
&:hover {
|
|
354
|
+
background: rgba(37, 99, 235, 0.08) !important;
|
|
355
|
+
transform: translateY(-2px);
|
|
356
|
+
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
|
|
346
360
|
@media (min-width: 1024px) {
|
|
347
361
|
.submit-bar,
|
|
348
362
|
.submit-bar-disabled {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.customBtn {
|
|
2
|
-
@apply bg-white
|
|
2
|
+
@apply bg-white box-border inline-block outline-none px-sm border border-solid border-primary-main;
|
|
3
3
|
margin: 0px 4.65% 0px 0px;
|
|
4
4
|
height: 30px;
|
|
5
5
|
line-height: 30px;
|
|
@@ -27,6 +27,45 @@
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
.notification-wrapper {
|
|
31
|
+
position: relative;
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: center;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
padding: 8px;
|
|
37
|
+
border-radius: 50%;
|
|
38
|
+
transition: background-color 0.2s ease;
|
|
39
|
+
|
|
40
|
+
&:hover {
|
|
41
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.notification-count {
|
|
45
|
+
position: absolute;
|
|
46
|
+
top: 0;
|
|
47
|
+
right: 0;
|
|
48
|
+
background-color: #ef4444;
|
|
49
|
+
color: white;
|
|
50
|
+
font-size: 10px;
|
|
51
|
+
font-weight: 600;
|
|
52
|
+
min-width: 16px;
|
|
53
|
+
height: 16px;
|
|
54
|
+
border-radius: 50%;
|
|
55
|
+
display: flex;
|
|
56
|
+
align-items: center;
|
|
57
|
+
justify-content: center;
|
|
58
|
+
padding: 2px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
svg {
|
|
62
|
+
width: 22px;
|
|
63
|
+
height: 22px;
|
|
64
|
+
background: #ffdc00;
|
|
65
|
+
border-radius: 50%;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
30
69
|
.img-circle {
|
|
31
70
|
border-radius: 50%;
|
|
32
71
|
}
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
.employee-select-wrap .select {
|
|
25
25
|
background-color: white;
|
|
26
26
|
border-radius: 5px;
|
|
27
|
-
border-color:1px solid blue;
|
|
27
|
+
border-color: 1px solid blue;
|
|
28
28
|
height: 50px;
|
|
29
29
|
}
|
|
30
30
|
.employee-select-wrap {
|
|
@@ -36,12 +36,11 @@
|
|
|
36
36
|
border-color: rgb(46, 46, 236);
|
|
37
37
|
height: 50px;
|
|
38
38
|
|
|
39
|
-
|
|
40
39
|
input[type="text"] {
|
|
41
40
|
width: calc(100% - 32px);
|
|
42
41
|
background-color: transparent;
|
|
43
|
-
|
|
44
|
-
@apply absolute z-10 w-full h-full outline-none text-
|
|
42
|
+
|
|
43
|
+
@apply absolute z-10 w-full h-full outline-none text-form-field pl-sm;
|
|
45
44
|
}
|
|
46
45
|
|
|
47
46
|
p {
|
|
@@ -70,8 +69,8 @@
|
|
|
70
69
|
input[type="text"] {
|
|
71
70
|
width: calc(100% - 32px);
|
|
72
71
|
background-color: transparent;
|
|
73
|
-
|
|
74
|
-
@apply absolute z-10 w-full h-full outline-none text-
|
|
72
|
+
|
|
73
|
+
@apply absolute z-10 w-full h-full outline-none text-form-field pl-sm;
|
|
75
74
|
}
|
|
76
75
|
|
|
77
76
|
p {
|
|
@@ -97,12 +96,13 @@
|
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
.options-card {
|
|
100
|
-
|
|
99
|
+
right: 0px;
|
|
100
|
+
width: 144px;
|
|
101
101
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
|
102
102
|
max-height: 250px !important;
|
|
103
103
|
overflow: auto;
|
|
104
104
|
z-index: 1000 !important;
|
|
105
|
-
@apply absolute z-20 mt-xs bg-white
|
|
105
|
+
@apply absolute z-20 mt-xs bg-white;
|
|
106
106
|
|
|
107
107
|
p {
|
|
108
108
|
padding-top: 14px;
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
width: calc(100% - 32px);
|
|
157
157
|
background-color: transparent;
|
|
158
158
|
|
|
159
|
-
@apply absolute z-10 w-full h-full outline-none text-
|
|
159
|
+
@apply absolute z-10 w-full h-full outline-none text-form-field pl-sm;
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
p {
|
|
@@ -194,8 +194,8 @@
|
|
|
194
194
|
input[type="text"] {
|
|
195
195
|
width: calc(100% - 32px);
|
|
196
196
|
background-color: transparent;
|
|
197
|
-
|
|
198
|
-
@apply absolute z-10 w-full h-full outline-none text-
|
|
197
|
+
|
|
198
|
+
@apply absolute z-10 w-full h-full outline-none text-form-field pl-sm;
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
p {
|
|
@@ -117,3 +117,20 @@
|
|
|
117
117
|
box-shadow: 0 0 0 3px rgba(13, 78, 255, 0.03);
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
+
|
|
121
|
+
/* Mobile Number Input Styles */
|
|
122
|
+
.mobile-number-prefix {
|
|
123
|
+
position: absolute;
|
|
124
|
+
left: 12px;
|
|
125
|
+
top: 34%;
|
|
126
|
+
transform: translateY(-50%);
|
|
127
|
+
font-size: 16px;
|
|
128
|
+
font-weight: 500;
|
|
129
|
+
color: #666;
|
|
130
|
+
pointer-events: none;
|
|
131
|
+
z-index: 0 !important;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.mobile-number-input-with-prefix {
|
|
135
|
+
padding-left: 45px !important;
|
|
136
|
+
}
|
|
@@ -220,8 +220,7 @@
|
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
.custom-comments-section-no-border {
|
|
223
|
-
|
|
224
|
-
padding-top: 0 !important;
|
|
223
|
+
padding: 16px 24px 20px;
|
|
225
224
|
}
|
|
226
225
|
|
|
227
226
|
/* Responsive Adjustments */
|
|
@@ -284,7 +283,6 @@
|
|
|
284
283
|
|
|
285
284
|
.custom-comments-section {
|
|
286
285
|
padding: 12px 16px;
|
|
287
|
-
flex-direction: column;
|
|
288
286
|
gap: 12px;
|
|
289
287
|
}
|
|
290
288
|
}
|