@tattvafoundation/upyog-css 1.0.15 → 1.0.17

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.
Files changed (27) hide show
  1. package/dist/index.css +409 -191
  2. package/dist/index.min.css +1 -1
  3. package/img/back1.jpg +0 -0
  4. package/img/back2.jpg +0 -0
  5. package/img/banner.png +0 -0
  6. package/img/banner2.png +0 -0
  7. package/img/bmc_receipt.png +0 -0
  8. package/img/login-back.png +0 -0
  9. package/img/logo-bmc.png +0 -0
  10. package/img/scheme-banner.png +0 -0
  11. package/package.json +2 -2
  12. package/src/components/CardBasedOptions.scss +92 -69
  13. package/src/components/CitizenHomeCard.scss +57 -45
  14. package/src/components/bmc.scss +207 -111
  15. package/src/components/body.scss +17 -3
  16. package/src/components/buttons.scss +5 -3
  17. package/src/components/card.scss +21 -14
  18. package/src/components/deonar.scss +159 -1
  19. package/src/components/languageSelector.scss +7 -2
  20. package/src/components/navbar.scss +51 -11
  21. package/src/components/selectdropdown.scss +2 -2
  22. package/src/index.scss +3 -3
  23. package/src/pages/citizen/HomePageWrapper.scss +33 -8
  24. package/src/pages/employee/inbox.scss +104 -34
  25. package/src/pages/employee/index.scss +216 -140
  26. package/src/pages/employee/login.scss +114 -57
  27. package/img/Free-Silai-Machine-Yojna-1-jpg.jpeg +0 -0
package/src/pages/employee/login.scss CHANGED
@@ -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
- .banner .bannerCard{
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:#ffffffeb;
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
- .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
41
- min-width: 270px !important;
42
-
44
+
45
+ .loginFormStyleEmployee .employeeCard,
46
+ .banner .bannerCard {
47
+ min-width: 340px !important;
48
+
43
49
  background-color: #ffffffd6 !important
44
50
  }
45
- .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
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
- background-color: #5a1166 !important;
72
+ background-color: #d1b03f !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
- .loginFormStyleEmployee .employeeCard .card-label, .employeeForgotPassword .employeeCard .card-label{
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
- .employeeCard .card-label{
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
- .profile-label-margin{
105
- margin-top: 10px;
123
+
124
+ .profile-label-margin {
125
+ margin-top: 10px;
106
126
  }
107
- .loginFormStyleEmployee .primary-label-btn{
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
- .employeeCard .card-label{
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
- .upyog-copyright-footer-web
155
- {
184
+
185
+ .upyog-copyright-footer-web {
156
186
  display: none;
157
187
  }
158
- .employeeForgotPassword .employeeCard .employee-card-sub-header, .employeeChangePassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
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
- @media screen and (max-width : 768px){
164
- .employeeForgotPassword .employeeCard .employee-card-sub-header, .employeeChangePassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
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
- .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
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
- .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
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
- .employeeChangePassword .employeeCard .card-text{
224
+
225
+ .employeeChangePassword .employeeCard .card-text {
184
226
  margin-top: 18px !important;
185
227
  margin-bottom: 20px !important;
186
228
  }
187
- .employeeBackbuttonAlign{
229
+
230
+ .employeeBackbuttonAlign {
188
231
  display: none;
189
232
  }
190
- .employee-select-wrap .select{
191
- height: 2.0rem !important;
192
- background-color: white !important;
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
- max-height: 150px;
241
+ .options-card {
242
+ max-height: 150px;
198
243
  }
199
244
  }
200
- .banner .bannerCard, .loginFormStyleEmployee .employeeCard{
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
- .banner{
258
+
259
+ .banner {
212
260
  padding-bottom: 40px;
213
261
  height: 100vh !important;
214
262
  z-index: 1;
215
263
  }
216
- .topbar{
264
+
265
+ .topbar {
217
266
  background: white;
218
267
  }
219
- .employee .loginContainer{
268
+
269
+ .employee .loginContainer {
220
270
  padding-top: 0px !important;
221
271
  }
222
- .removeBottomMargin{
272
+
273
+ .removeBottomMargin {
223
274
  margin-bottom: 0px !important;
224
275
  }
276
+
225
277
  .employee-select-wrap.login-city-dd {
226
- .options-card{
227
- max-height: 160px;
278
+ .options-card {
279
+ max-height: 160px;
228
280
  }
229
281
  }
230
- .banner .upyog-copyright-footer
231
- {
282
+
283
+ .banner .upyog-copyright-footer {
232
284
  display: none;
233
285
  }
234
- .banner .upyog-copyright-footer-web
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
- .psuedo-banner{
299
+
300
+ .psuedo-banner {
248
301
  font-size: 20px;
249
302
  }
250
- .banner-slogan{
303
+
304
+ .banner-slogan {
251
305
  font-size: 14px;
252
306
  }
253
- .loginFormStyleEmployee, .employeeForgotPassword{
307
+
308
+ .loginFormStyleEmployee,
309
+ .employeeForgotPassword {
254
310
  margin-top: -30% !important;
255
-
311
+
256
312
  }
257
313
  }
258
- .employeeForgotPassword{
314
+
315
+ .employeeForgotPassword {
259
316
  z-index: 2;
260
317
  }