@pmidc/upyog-css 1.2.36-dev.1.16 → 1.2.36-dev.1.18
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 +14402 -8861
- package/dist/index.min.css +1 -1
- package/package.json +2 -3
- package/src/components/CardBasedOptions.scss +33 -31
- package/src/components/body.scss +3 -3
- package/src/components/buttons.scss +8 -8
- package/src/components/filters.scss +283 -2
- package/src/components/newInbox.scss +382 -0
- package/src/components/table.scss +513 -46
- package/src/index.scss +7 -4
- package/src/modules/BPA/index.scss +66 -1
- package/src/pages/citizen/DocumentList.scss +18 -0
- package/src/pages/citizen/HomePageWrapper.scss +22 -17
- package/src/pages/employee/index.scss +62 -21
- package/src/pages/employee/login.scss +1 -1
|
@@ -450,4 +450,22 @@
|
|
|
450
450
|
max-width: none;
|
|
451
451
|
min-width: 0;
|
|
452
452
|
width: auto;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
.fire-noc-doc-required-card {
|
|
456
|
+
background: #FAFAFA;
|
|
457
|
+
border: 1px solid #D6D5D4;
|
|
458
|
+
padding: 8px;
|
|
459
|
+
border-radius: 4px;
|
|
460
|
+
max-width: 600px;
|
|
461
|
+
min-width: 95%;
|
|
462
|
+
margin-bottom: 15px;
|
|
463
|
+
padding-top: 15px;
|
|
464
|
+
}
|
|
465
|
+
|
|
466
|
+
.fire-noc-doc-required-field {
|
|
467
|
+
min-width: 100%;
|
|
468
|
+
display: flex;
|
|
469
|
+
flex-direction: column;
|
|
470
|
+
gap: 10px;
|
|
453
471
|
}
|
|
@@ -17,51 +17,56 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
.hero-banner-styles {
|
|
20
|
-
background: linear-gradient(
|
|
20
|
+
background: linear-gradient(140deg, #003C71 0%, #1A5CA8 100%);
|
|
21
21
|
border-radius: 16px;
|
|
22
|
-
padding:
|
|
23
|
-
margin:
|
|
22
|
+
padding: 52px 40px 44px;
|
|
23
|
+
margin: 20px 0;
|
|
24
24
|
text-align: center;
|
|
25
25
|
color: #fff;
|
|
26
|
+
position: relative;
|
|
27
|
+
overflow: hidden;
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
.hero-title-styles {
|
|
29
|
-
font-size:
|
|
31
|
+
font-size: 36px;
|
|
30
32
|
font-weight: 700;
|
|
31
|
-
margin-bottom:
|
|
32
|
-
letter-spacing: -0.
|
|
33
|
+
margin-bottom: 8px;
|
|
34
|
+
letter-spacing: -0.3px;
|
|
33
35
|
}
|
|
34
36
|
|
|
35
37
|
.heroSubtitleStyles {
|
|
36
|
-
font-size:
|
|
38
|
+
font-size: 16px;
|
|
37
39
|
font-weight: 400;
|
|
38
|
-
margin-bottom:
|
|
39
|
-
opacity: 0.
|
|
40
|
+
margin-bottom: 28px;
|
|
41
|
+
opacity: 0.9;
|
|
40
42
|
}
|
|
41
43
|
|
|
42
44
|
.searchBarStyles {
|
|
43
|
-
max-width:
|
|
45
|
+
max-width: 560px;
|
|
44
46
|
margin: 0 auto;
|
|
45
47
|
background-color: #fff;
|
|
46
48
|
border-radius: 12px;
|
|
47
|
-
padding:
|
|
49
|
+
padding: 12px 18px;
|
|
48
50
|
display: flex;
|
|
49
51
|
align-items: center;
|
|
50
|
-
box-shadow: 0 4px
|
|
52
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
|
|
51
53
|
}
|
|
52
54
|
|
|
53
55
|
.searchInputStyles {
|
|
54
56
|
border: none;
|
|
55
57
|
outline: none;
|
|
56
58
|
width: 100%;
|
|
57
|
-
font-size:
|
|
58
|
-
margin-left:
|
|
59
|
-
color:
|
|
59
|
+
font-size: 14px;
|
|
60
|
+
margin-left: 10px;
|
|
61
|
+
color: #1F1F1F;
|
|
62
|
+
font-family: "Noto Sans", sans-serif;
|
|
60
63
|
}
|
|
61
64
|
|
|
62
65
|
.searchIconStyles {
|
|
63
|
-
color: #
|
|
64
|
-
|
|
66
|
+
color: #626A6E;
|
|
67
|
+
display: flex;
|
|
68
|
+
align-items: center;
|
|
69
|
+
flex-shrink: 0;
|
|
65
70
|
}
|
|
66
71
|
|
|
67
72
|
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
.submit-bar header {
|
|
81
81
|
height: 2rem !important;
|
|
82
82
|
line-height: 2rem !important;
|
|
83
|
-
background-color: #
|
|
83
|
+
background-color: #003C71;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
.loginContainer {
|
|
@@ -216,18 +216,19 @@
|
|
|
216
216
|
cursor: pointer;
|
|
217
217
|
display: flex;
|
|
218
218
|
align-items: center;
|
|
219
|
+
gap: 10px;
|
|
219
220
|
.tooltip {
|
|
220
|
-
margin-left:
|
|
221
|
+
margin-left: 4px;
|
|
221
222
|
}
|
|
222
223
|
}
|
|
223
224
|
|
|
224
225
|
svg {
|
|
225
226
|
width: 24px;
|
|
226
227
|
height: 24px;
|
|
227
|
-
fill: #
|
|
228
|
+
fill: #626A6E;
|
|
228
229
|
transition: fill 0.18s ease;
|
|
229
|
-
|
|
230
|
-
|
|
230
|
+
margin-right: 0;
|
|
231
|
+
margin-left: 0;
|
|
231
232
|
}
|
|
232
233
|
|
|
233
234
|
a {
|
|
@@ -243,27 +244,36 @@
|
|
|
243
244
|
align-items: center;
|
|
244
245
|
padding: 12px 18px;
|
|
245
246
|
font-size: 14px;
|
|
246
|
-
border-left:
|
|
247
|
+
border-left: 3px solid transparent;
|
|
247
248
|
border-radius: 8px;
|
|
248
|
-
margin:
|
|
249
|
+
margin: 4px 8px;
|
|
249
250
|
transition: all 0.18s ease;
|
|
250
251
|
|
|
251
252
|
&.active {
|
|
252
|
-
color: #
|
|
253
|
-
background:
|
|
254
|
-
border-left-color: #
|
|
253
|
+
color: #003C71 !important;
|
|
254
|
+
background: #EEF4FF;
|
|
255
|
+
border-left-color: #003C71;
|
|
255
256
|
svg {
|
|
256
|
-
fill: #
|
|
257
|
+
fill: #003C71 !important;
|
|
258
|
+
}
|
|
259
|
+
.nav-icon-box {
|
|
260
|
+
background-color: #003C71;
|
|
261
|
+
svg {
|
|
262
|
+
fill: #ffffff !important;
|
|
263
|
+
}
|
|
257
264
|
}
|
|
258
265
|
}
|
|
259
266
|
|
|
260
267
|
&:hover {
|
|
261
|
-
color: #
|
|
262
|
-
background-color: rgba(
|
|
263
|
-
border-left-color: rgba(
|
|
268
|
+
color: #003C71 !important;
|
|
269
|
+
background-color: rgba(0, 60, 113, 0.06);
|
|
270
|
+
border-left-color: rgba(0, 60, 113, 0.18);
|
|
264
271
|
cursor: pointer;
|
|
265
272
|
svg {
|
|
266
|
-
fill: #
|
|
273
|
+
fill: #003C71 !important;
|
|
274
|
+
}
|
|
275
|
+
.nav-icon-box {
|
|
276
|
+
background-color: rgba(0, 60, 113, 0.12);
|
|
267
277
|
}
|
|
268
278
|
}
|
|
269
279
|
|
|
@@ -296,10 +306,13 @@
|
|
|
296
306
|
}
|
|
297
307
|
|
|
298
308
|
span {
|
|
299
|
-
margin-left:
|
|
309
|
+
margin-left: 0;
|
|
300
310
|
text-overflow: ellipsis;
|
|
301
311
|
overflow: hidden;
|
|
302
312
|
white-space: nowrap;
|
|
313
|
+
max-width: calc(100% - 56px);
|
|
314
|
+
font-size: 13px;
|
|
315
|
+
font-weight: 500;
|
|
303
316
|
}
|
|
304
317
|
}
|
|
305
318
|
|
|
@@ -310,7 +323,9 @@
|
|
|
310
323
|
align-items: center;
|
|
311
324
|
text-decoration: none;
|
|
312
325
|
color: #374151;
|
|
313
|
-
font-size:
|
|
326
|
+
font-size: 13px;
|
|
327
|
+
border-left: 2px solid transparent;
|
|
328
|
+
transition: all 0.18s ease;
|
|
314
329
|
.actions {
|
|
315
330
|
.tooltiptext {
|
|
316
331
|
left: unset;
|
|
@@ -318,12 +333,38 @@
|
|
|
318
333
|
}
|
|
319
334
|
}
|
|
320
335
|
svg {
|
|
321
|
-
width:
|
|
322
|
-
height:
|
|
323
|
-
fill: #
|
|
336
|
+
width: 16px;
|
|
337
|
+
height: 16px;
|
|
338
|
+
fill: #626A6E;
|
|
324
339
|
}
|
|
325
340
|
&:hover {
|
|
326
|
-
background: rgba(
|
|
341
|
+
background: rgba(0, 60, 113, 0.05);
|
|
342
|
+
color: #003C71;
|
|
343
|
+
border-left-color: rgba(0, 60, 113, 0.25);
|
|
344
|
+
}
|
|
345
|
+
&.active {
|
|
346
|
+
color: #003C71;
|
|
347
|
+
font-weight: 600;
|
|
348
|
+
border-left-color: #003C71;
|
|
349
|
+
background: rgba(0, 60, 113, 0.04);
|
|
350
|
+
}
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.nav-icon-box {
|
|
354
|
+
display: inline-flex;
|
|
355
|
+
align-items: center;
|
|
356
|
+
justify-content: center;
|
|
357
|
+
width: 32px;
|
|
358
|
+
height: 32px;
|
|
359
|
+
min-width: 32px;
|
|
360
|
+
border-radius: 8px;
|
|
361
|
+
background-color: #F0F4F9;
|
|
362
|
+
transition: background-color 0.18s ease;
|
|
363
|
+
svg {
|
|
364
|
+
width: 17px !important;
|
|
365
|
+
height: 17px !important;
|
|
366
|
+
margin: 0 !important;
|
|
367
|
+
fill: #626A6E;
|
|
327
368
|
}
|
|
328
369
|
}
|
|
329
370
|
}
|