@tattvafoundation/upyog-css 1.0.15 → 1.0.16
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 +355 -148
- package/dist/index.min.css +1 -1
- package/img/back1.jpg +0 -0
- package/img/back2.jpg +0 -0
- package/img/banner.png +0 -0
- package/img/banner2.png +0 -0
- package/img/bmc_receipt.png +0 -0
- package/img/login-back.png +0 -0
- package/img/logo-bmc.png +0 -0
- package/img/scheme-banner.png +0 -0
- package/package.json +2 -2
- package/src/components/CardBasedOptions.scss +92 -65
- package/src/components/CitizenHomeCard.scss +57 -45
- package/src/components/bmc.scss +180 -108
- package/src/components/body.scss +17 -3
- package/src/components/deonar.scss +154 -0
- package/src/components/navbar.scss +51 -11
- package/src/index.scss +1 -1
- package/src/pages/citizen/HomePageWrapper.scss +31 -6
- package/src/pages/employee/inbox.scss +98 -35
- package/src/pages/employee/index.scss +211 -135
- package/src/pages/employee/login.scss +113 -56
- package/img/Free-Silai-Machine-Yojna-1-jpg.jpeg +0 -0
|
@@ -1,32 +1,36 @@
|
|
|
1
1
|
.loginFormStyleEmployee {
|
|
2
2
|
z-index: 10;
|
|
3
3
|
margin-top: 15px;
|
|
4
|
+
|
|
4
5
|
.employeeCard {
|
|
5
6
|
.submit-bar {
|
|
6
7
|
@apply w-full;
|
|
7
8
|
height: 2rem !important;
|
|
9
|
+
background-color: #d1b03f !important;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.employeeCard .submit-bar .submit-bar header {
|
|
13
|
+
line-height: 2rem !important;
|
|
14
|
+
font-size: 16px;
|
|
15
|
+
|
|
8
16
|
}
|
|
9
|
-
.employeeCard
|
|
10
|
-
.submit-bar .submit-bar header
|
|
11
|
-
{
|
|
12
|
-
line-height: 2rem !important;
|
|
13
|
-
font-size: 16px;
|
|
14
|
-
|
|
15
|
-
}
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
|
-
|
|
19
|
+
|
|
20
|
+
.banner .bannerCard {
|
|
19
21
|
min-width: 420px !important;
|
|
20
22
|
background-color: transparent;
|
|
21
23
|
}
|
|
24
|
+
|
|
22
25
|
.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
|
|
23
26
|
border: 1px solid;
|
|
24
27
|
border-right: none;
|
|
25
28
|
height: 32px !important;
|
|
26
29
|
margin-top: -16px !important;
|
|
27
30
|
z-index: 999;
|
|
28
|
-
background-color
|
|
31
|
+
background-color: #ffffffeb;
|
|
29
32
|
}
|
|
33
|
+
|
|
30
34
|
@screen dt {
|
|
31
35
|
.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
|
|
32
36
|
border: 1px solid black;
|
|
@@ -37,12 +41,16 @@
|
|
|
37
41
|
background-color: #ffffffeb;
|
|
38
42
|
|
|
39
43
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
44
|
+
|
|
45
|
+
.loginFormStyleEmployee .employeeCard,
|
|
46
|
+
.banner .bannerCard {
|
|
47
|
+
min-width: 340px !important;
|
|
48
|
+
|
|
43
49
|
background-color: #ffffffd6 !important
|
|
44
50
|
}
|
|
45
|
-
|
|
51
|
+
|
|
52
|
+
.employeeForgotPassword .employeeCard,
|
|
53
|
+
.employeeChangePassword .employeeCard {
|
|
46
54
|
max-width: 270px !important;
|
|
47
55
|
min-width: 270px !important;
|
|
48
56
|
background-color: #ffffffeb
|
|
@@ -57,56 +65,70 @@
|
|
|
57
65
|
.employeeForgotPassword .field-container {
|
|
58
66
|
margin: 10px 0;
|
|
59
67
|
}
|
|
68
|
+
|
|
60
69
|
.employeeForgotPassword {
|
|
61
70
|
.submit-bar {
|
|
62
71
|
@apply w-full;
|
|
63
72
|
background-color: #5a1166 !important;
|
|
64
73
|
}
|
|
65
74
|
}
|
|
75
|
+
|
|
66
76
|
.employeeChangePassword .submit-bar {
|
|
67
77
|
width: 100% !important;
|
|
68
78
|
}
|
|
79
|
+
|
|
69
80
|
.employeeChangePassword .card-text {
|
|
70
81
|
text-align: center;
|
|
71
82
|
}
|
|
83
|
+
|
|
72
84
|
.employeeChangePassword .input-otp-wrap {
|
|
73
85
|
text-align: center;
|
|
74
86
|
}
|
|
87
|
+
|
|
75
88
|
.submit-bar {
|
|
76
89
|
.submit-bar {
|
|
77
90
|
@apply w-full;
|
|
78
91
|
}
|
|
79
92
|
}
|
|
93
|
+
|
|
80
94
|
.loginFormStyleEmployee .bannerHeader p,
|
|
81
95
|
.employeeForgotPassword .bannerHeader p,
|
|
82
96
|
.employeeChangePassword .bannerHeader p {
|
|
83
97
|
font-size: 19px;
|
|
84
98
|
}
|
|
99
|
+
|
|
85
100
|
.employeeCard .card-sub-header {
|
|
86
101
|
font-size: 24px;
|
|
87
102
|
}
|
|
88
|
-
|
|
103
|
+
|
|
104
|
+
.loginFormStyleEmployee .employeeCard .card-label,
|
|
105
|
+
.employeeForgotPassword .employeeCard .card-label {
|
|
89
106
|
font-weight: 600 !important;
|
|
90
107
|
font-size: 14px !important;
|
|
91
108
|
line-height: 10px !important;
|
|
92
109
|
color: #0B0C0C;
|
|
93
110
|
z-index: 10 !important;
|
|
94
111
|
}
|
|
112
|
+
|
|
95
113
|
.banner .bannerHeader {
|
|
96
114
|
margin-bottom: 20px;
|
|
97
115
|
}
|
|
98
|
-
|
|
116
|
+
|
|
117
|
+
.employeeCard .card-label {
|
|
99
118
|
font-weight: normal;
|
|
100
119
|
font-size: 16px;
|
|
101
120
|
line-height: 19px;
|
|
102
121
|
color: #0B0C0C;
|
|
103
122
|
}
|
|
104
|
-
|
|
105
|
-
|
|
123
|
+
|
|
124
|
+
.profile-label-margin {
|
|
125
|
+
margin-top: 10px;
|
|
106
126
|
}
|
|
107
|
-
|
|
127
|
+
|
|
128
|
+
.loginFormStyleEmployee .primary-label-btn {
|
|
108
129
|
font-size: 12px;
|
|
109
130
|
}
|
|
131
|
+
|
|
110
132
|
.employeeForgotPassword .employeeCard .card-label-desc {
|
|
111
133
|
font-weight: normal;
|
|
112
134
|
font-size: 16px;
|
|
@@ -114,147 +136,182 @@
|
|
|
114
136
|
color: #505a5f;
|
|
115
137
|
margin-top: 15px;
|
|
116
138
|
}
|
|
139
|
+
|
|
117
140
|
.employeeChangePassword .employeeCard .card-text {
|
|
118
141
|
margin-bottom: 15px;
|
|
119
142
|
font-size: 16px;
|
|
120
143
|
color: #505a5f;
|
|
121
144
|
}
|
|
122
|
-
|
|
145
|
+
|
|
146
|
+
.employeeCard .card-label {
|
|
123
147
|
font-weight: 600 !important;
|
|
124
148
|
font-size: 14px !important;
|
|
125
149
|
line-height: 10px !important;
|
|
126
150
|
color: #0b0c0c;
|
|
127
|
-
|
|
151
|
+
|
|
128
152
|
}
|
|
153
|
+
|
|
129
154
|
@media screen and (max-width: 768px) {
|
|
130
155
|
.employeeChangePassword .employeeCard .card-text {
|
|
131
156
|
margin-top: 7px;
|
|
132
157
|
}
|
|
158
|
+
|
|
133
159
|
.employeeCard .card-sub-header {
|
|
134
160
|
font-size: 18px;
|
|
135
161
|
}
|
|
136
162
|
}
|
|
163
|
+
|
|
137
164
|
.employeeChangePassword .employeeCard .card-text-button {
|
|
138
165
|
text-align: center !important;
|
|
139
166
|
margin-bottom: 12px !important;
|
|
140
167
|
}
|
|
168
|
+
|
|
141
169
|
.employeeChangePassword .employeeCard .input-otp-wrap {
|
|
142
170
|
margin-bottom: 10px;
|
|
143
171
|
}
|
|
172
|
+
|
|
144
173
|
.employee .loginContainer {
|
|
145
174
|
padding-top: 0px !important;
|
|
146
175
|
}
|
|
176
|
+
|
|
147
177
|
.banner {
|
|
148
|
-
height: calc(100vh ) !important;
|
|
178
|
+
height: calc(100vh - 140px) !important;
|
|
149
179
|
}
|
|
150
180
|
|
|
151
|
-
.employeeChangePassword .employeeCard .field .field-container{
|
|
181
|
+
.employeeChangePassword .employeeCard .field .field-container {
|
|
152
182
|
margin-bottom: 24px;
|
|
153
183
|
}
|
|
154
|
-
|
|
155
|
-
{
|
|
184
|
+
|
|
185
|
+
.upyog-copyright-footer-web {
|
|
156
186
|
display: none;
|
|
157
187
|
}
|
|
158
|
-
|
|
188
|
+
|
|
189
|
+
.employeeForgotPassword .employeeCard .employee-card-sub-header,
|
|
190
|
+
.employeeChangePassword .employeeCard .employee-card-sub-header,
|
|
191
|
+
.loginFormStyleEmployee .employeeCard .employee-card-sub-header {
|
|
159
192
|
font-size: 24px !important;
|
|
160
193
|
line-height: 28px !important;
|
|
161
194
|
margin-bottom: 0px !important;
|
|
162
195
|
}
|
|
163
|
-
|
|
164
|
-
|
|
196
|
+
|
|
197
|
+
@media screen and (max-width : 768px) {
|
|
198
|
+
|
|
199
|
+
.employeeForgotPassword .employeeCard .employee-card-sub-header,
|
|
200
|
+
.employeeChangePassword .employeeCard .employee-card-sub-header,
|
|
201
|
+
.loginFormStyleEmployee .employeeCard .employee-card-sub-header {
|
|
165
202
|
font-size: 18px !important;
|
|
166
203
|
line-height: 21px !important;
|
|
167
204
|
margin-bottom: 0px !important;
|
|
168
205
|
z-index: 10 !important;
|
|
169
206
|
}
|
|
170
|
-
|
|
207
|
+
|
|
208
|
+
.loginFormStyleEmployee .employeeCard,
|
|
209
|
+
.banner .bannerCard {
|
|
171
210
|
min-width: 270px !important;
|
|
172
211
|
z-index: 10 !important;
|
|
173
212
|
background-color: #ffffffd6 !important;
|
|
174
213
|
margin-top: 0 !important;
|
|
175
214
|
}
|
|
176
|
-
|
|
215
|
+
|
|
216
|
+
.employeeForgotPassword .employeeCard,
|
|
217
|
+
.employeeChangePassword .employeeCard {
|
|
177
218
|
max-width: 250px !important;
|
|
178
219
|
min-width: 250px !important;
|
|
179
220
|
margin-top: -50% !important;
|
|
180
221
|
background-color: #ffffffeb;
|
|
181
222
|
}
|
|
182
223
|
}
|
|
183
|
-
|
|
224
|
+
|
|
225
|
+
.employeeChangePassword .employeeCard .card-text {
|
|
184
226
|
margin-top: 18px !important;
|
|
185
227
|
margin-bottom: 20px !important;
|
|
186
228
|
}
|
|
187
|
-
|
|
229
|
+
|
|
230
|
+
.employeeBackbuttonAlign {
|
|
188
231
|
display: none;
|
|
189
232
|
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
233
|
+
|
|
234
|
+
.employee-select-wrap .select {
|
|
235
|
+
height: 2.0rem !important;
|
|
236
|
+
background-color: white !important;
|
|
193
237
|
|
|
194
238
|
}
|
|
239
|
+
|
|
195
240
|
.employee-select-wrap.login-city-dd {
|
|
196
|
-
.options-card{
|
|
197
|
-
|
|
241
|
+
.options-card {
|
|
242
|
+
max-height: 150px;
|
|
198
243
|
}
|
|
199
244
|
}
|
|
200
|
-
|
|
245
|
+
|
|
246
|
+
.banner .bannerCard,
|
|
247
|
+
.loginFormStyleEmployee .employeeCard {
|
|
201
248
|
background-color: transparent;
|
|
202
249
|
}
|
|
203
250
|
|
|
204
|
-
@media screen and (max-width: 768px){
|
|
205
|
-
.employeeBackbuttonAlign{
|
|
251
|
+
@media screen and (max-width: 768px) {
|
|
252
|
+
.employeeBackbuttonAlign {
|
|
206
253
|
display: block;
|
|
207
254
|
position: absolute;
|
|
208
255
|
top: 20px;
|
|
209
256
|
left: 20px;
|
|
210
257
|
}
|
|
211
|
-
|
|
258
|
+
|
|
259
|
+
.banner {
|
|
212
260
|
padding-bottom: 40px;
|
|
213
261
|
height: 100vh !important;
|
|
214
262
|
z-index: 1;
|
|
215
263
|
}
|
|
216
|
-
|
|
264
|
+
|
|
265
|
+
.topbar {
|
|
217
266
|
background: white;
|
|
218
267
|
}
|
|
219
|
-
|
|
268
|
+
|
|
269
|
+
.employee .loginContainer {
|
|
220
270
|
padding-top: 0px !important;
|
|
221
271
|
}
|
|
222
|
-
|
|
272
|
+
|
|
273
|
+
.removeBottomMargin {
|
|
223
274
|
margin-bottom: 0px !important;
|
|
224
275
|
}
|
|
276
|
+
|
|
225
277
|
.employee-select-wrap.login-city-dd {
|
|
226
|
-
.options-card{
|
|
227
|
-
|
|
278
|
+
.options-card {
|
|
279
|
+
max-height: 160px;
|
|
228
280
|
}
|
|
229
281
|
}
|
|
230
|
-
|
|
231
|
-
{
|
|
282
|
+
|
|
283
|
+
.banner .upyog-copyright-footer {
|
|
232
284
|
display: none;
|
|
233
285
|
}
|
|
234
|
-
|
|
235
|
-
{
|
|
286
|
+
|
|
287
|
+
.banner .upyog-copyright-footer-web {
|
|
236
288
|
display: block;
|
|
237
289
|
}
|
|
238
290
|
}
|
|
291
|
+
|
|
239
292
|
@media screen and (max-width:900px) {
|
|
240
293
|
|
|
241
|
-
.loginFormStyleEmployee .employeeForgotPassword
|
|
242
|
-
{
|
|
294
|
+
.loginFormStyleEmployee .employeeForgotPassword {
|
|
243
295
|
margin-top: -50% !important;
|
|
244
296
|
background-color: #ffffffeb !important;
|
|
245
297
|
z-index: 2;
|
|
246
298
|
}
|
|
247
|
-
|
|
299
|
+
|
|
300
|
+
.psuedo-banner {
|
|
248
301
|
font-size: 20px;
|
|
249
302
|
}
|
|
250
|
-
|
|
303
|
+
|
|
304
|
+
.banner-slogan {
|
|
251
305
|
font-size: 14px;
|
|
252
306
|
}
|
|
253
|
-
|
|
307
|
+
|
|
308
|
+
.loginFormStyleEmployee,
|
|
309
|
+
.employeeForgotPassword {
|
|
254
310
|
margin-top: -30% !important;
|
|
255
|
-
|
|
311
|
+
|
|
256
312
|
}
|
|
257
313
|
}
|
|
258
|
-
|
|
314
|
+
|
|
315
|
+
.employeeForgotPassword {
|
|
259
316
|
z-index: 2;
|
|
260
317
|
}
|
|
Binary file
|