@pmidc/upyog-css 1.2.36-dev.1.13 → 1.2.36-dev.1.15
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 +14206 -8770
- 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 +367 -0
- package/src/components/table.scss +513 -46
- package/src/index.scss +2 -4
- package/src/modules/BPA/index.scss +6 -1
- package/src/pages/citizen/DocumentList.scss +1 -3
- package/src/pages/citizen/HomePageWrapper.scss +22 -17
- package/src/pages/employee/index.scss +61 -21
- package/src/pages/employee/login.scss +1 -1
|
@@ -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,11 +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;
|
|
303
313
|
max-width: calc(100% - 56px);
|
|
314
|
+
font-size: 13px;
|
|
315
|
+
font-weight: 500;
|
|
304
316
|
}
|
|
305
317
|
}
|
|
306
318
|
|
|
@@ -311,7 +323,9 @@
|
|
|
311
323
|
align-items: center;
|
|
312
324
|
text-decoration: none;
|
|
313
325
|
color: #374151;
|
|
314
|
-
font-size:
|
|
326
|
+
font-size: 13px;
|
|
327
|
+
border-left: 2px solid transparent;
|
|
328
|
+
transition: all 0.18s ease;
|
|
315
329
|
.actions {
|
|
316
330
|
.tooltiptext {
|
|
317
331
|
left: unset;
|
|
@@ -319,12 +333,38 @@
|
|
|
319
333
|
}
|
|
320
334
|
}
|
|
321
335
|
svg {
|
|
322
|
-
width:
|
|
323
|
-
height:
|
|
324
|
-
fill: #
|
|
336
|
+
width: 16px;
|
|
337
|
+
height: 16px;
|
|
338
|
+
fill: #626A6E;
|
|
325
339
|
}
|
|
326
340
|
&:hover {
|
|
327
|
-
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;
|
|
328
368
|
}
|
|
329
369
|
}
|
|
330
370
|
}
|