@djb25/digit-ui-css 1.0.4 → 1.0.6
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 +24682 -7
- package/dist/index.min.css +1 -1
- package/package.json +2 -8
- package/src/components/VerticalTimeline.scss +106 -0
- package/src/components/WorkflowTimeline.scss +201 -164
- package/src/components/body.scss +12 -1
- package/src/components/card.scss +600 -1
- package/src/components/financeUi.scss +0 -1
- package/src/components/inboxv2/InboxLinks.scss +1 -1
- package/src/components/moduleHeader.scss +77 -0
- package/src/components/navbar.scss +38 -6
- package/src/components/staticSideBar.scss +3 -3
- package/src/components/topbar.scss +9 -4
- package/src/digitv2/components/appContainerV2.scss +13 -3
- package/src/index.scss +9 -3
- package/src/pages/citizen/HomePageWrapper.scss +28 -5
- package/src/pages/employee/container.scss +17 -6
- package/src/pages/employee/inbox.scss +3 -3
- package/src/pages/employee/index.scss +99 -21
|
@@ -8,8 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.ground-container {
|
|
10
10
|
margin-bottom: 56px;
|
|
11
|
-
|
|
12
|
-
margin-right: 0;
|
|
11
|
+
padding-inline: 30px;
|
|
13
12
|
/* @apply flex flex-col; */
|
|
14
13
|
}
|
|
15
14
|
|
|
@@ -41,9 +40,9 @@
|
|
|
41
40
|
display: inline;
|
|
42
41
|
|
|
43
42
|
&.city {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
margin-right: 8px;
|
|
44
|
+
height: 60px;
|
|
45
|
+
margin-left: 53px;
|
|
47
46
|
}
|
|
48
47
|
|
|
49
48
|
&.state {
|
|
@@ -59,8 +58,6 @@
|
|
|
59
58
|
|
|
60
59
|
.right {
|
|
61
60
|
float: right;
|
|
62
|
-
margin-top: 12px;
|
|
63
|
-
margin-right: 53px;
|
|
64
61
|
|
|
65
62
|
.user-img-txt {
|
|
66
63
|
background: theme(colors.primary.main);
|
|
@@ -121,7 +118,7 @@
|
|
|
121
118
|
.sidebar {
|
|
122
119
|
position: fixed;
|
|
123
120
|
left: 0;
|
|
124
|
-
background: #
|
|
121
|
+
background: #0b4b66;
|
|
125
122
|
height: 100%;
|
|
126
123
|
color: theme(colors.white);
|
|
127
124
|
margin-top: 83px;
|
|
@@ -205,11 +202,9 @@
|
|
|
205
202
|
}
|
|
206
203
|
|
|
207
204
|
&:hover {
|
|
208
|
-
|
|
209
|
-
background-color: #0B4B66;
|
|
205
|
+
background-color: #0b4b66;
|
|
210
206
|
|
|
211
207
|
cursor: pointer;
|
|
212
|
-
|
|
213
208
|
}
|
|
214
209
|
|
|
215
210
|
.search-icon-wrapper {
|
|
@@ -252,7 +247,7 @@
|
|
|
252
247
|
}
|
|
253
248
|
|
|
254
249
|
&:hover {
|
|
255
|
-
background-color: #
|
|
250
|
+
background-color: #6a8e9d;
|
|
256
251
|
opacity: 0.8;
|
|
257
252
|
cursor: pointer;
|
|
258
253
|
|
|
@@ -261,7 +256,6 @@
|
|
|
261
256
|
}
|
|
262
257
|
}
|
|
263
258
|
|
|
264
|
-
|
|
265
259
|
&.active {
|
|
266
260
|
border-left: 4px solid theme(colors.primary.main);
|
|
267
261
|
|
|
@@ -431,12 +425,96 @@
|
|
|
431
425
|
}
|
|
432
426
|
}
|
|
433
427
|
|
|
428
|
+
.home-header {
|
|
429
|
+
display: flex;
|
|
430
|
+
justify-content: center;
|
|
431
|
+
align-items: center;
|
|
432
|
+
.header-top-section {
|
|
433
|
+
width: 100%;
|
|
434
|
+
background: linear-gradient(98deg, rgba(110, 192, 221, 0.71) -24.44%, rgba(97, 119, 236, 0.9) 93.53%);
|
|
435
|
+
padding: 14px;
|
|
436
|
+
border-radius: 11px;
|
|
437
|
+
|
|
438
|
+
display: flex;
|
|
439
|
+
align-items: center;
|
|
440
|
+
justify-content: center;
|
|
441
|
+
|
|
442
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
443
|
+
|
|
444
|
+
.title {
|
|
445
|
+
margin: 0;
|
|
446
|
+
font-size: 17px;
|
|
447
|
+
font-weight: 500;
|
|
448
|
+
color: #fff;
|
|
449
|
+
letter-spacing: 0.3px;
|
|
450
|
+
|
|
451
|
+
@media (min-width: 768px) {
|
|
452
|
+
font-size: 18px;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
@media (min-width: 1024px) {
|
|
456
|
+
font-size: 28px;
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.header-bottom-section {
|
|
462
|
+
width: 100%;
|
|
463
|
+
background: linear-gradient(278deg, rgba(110, 192, 221, 0.71) -24.44%, rgba(97, 119, 236, 0.9) 93.53%);
|
|
464
|
+
padding: 5px 20px;
|
|
465
|
+
border-radius: 11px;
|
|
466
|
+
|
|
467
|
+
display: flex;
|
|
468
|
+
align-items: center;
|
|
469
|
+
justify-content: start;
|
|
470
|
+
color: #fff;
|
|
471
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
472
|
+
font-size: 14px;
|
|
473
|
+
font-weight: 500;
|
|
474
|
+
.icon {
|
|
475
|
+
width: 35px;
|
|
476
|
+
aspect-ratio: 1/1;
|
|
477
|
+
fill: #fff;
|
|
478
|
+
}
|
|
479
|
+
.home-icon {
|
|
480
|
+
width: 24px;
|
|
481
|
+
aspect-ratio: 1/1;
|
|
482
|
+
fill: #fff;
|
|
483
|
+
}
|
|
484
|
+
.iconn {
|
|
485
|
+
font-feature-settings: "kern";
|
|
486
|
+
font-size: 16px;
|
|
487
|
+
margin: 0 8px;
|
|
488
|
+
color: #fff;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.right-section {
|
|
492
|
+
display: flex;
|
|
493
|
+
gap: 10px;
|
|
494
|
+
align-items: center;
|
|
495
|
+
justify-content: center;
|
|
496
|
+
padding-left: 20px;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.left-section {
|
|
500
|
+
display: flex;
|
|
501
|
+
gap: 10px;
|
|
502
|
+
align-items: center;
|
|
503
|
+
justify-content: center;
|
|
504
|
+
border-right: 1px solid #fff;
|
|
505
|
+
padding-right: 20px;
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
|
|
434
510
|
@media (min-width: 640px) {
|
|
435
511
|
.employee {
|
|
436
512
|
.ground-container {
|
|
437
513
|
/* @apply block; */
|
|
438
|
-
|
|
439
|
-
|
|
514
|
+
display: flex;
|
|
515
|
+
flex-wrap: wrap;
|
|
516
|
+
gap: 10px;
|
|
517
|
+
|
|
440
518
|
}
|
|
441
519
|
|
|
442
520
|
.breadcrumb {
|
|
@@ -461,9 +539,9 @@
|
|
|
461
539
|
display: flex;
|
|
462
540
|
flex-direction: column;
|
|
463
541
|
padding-top: 80px;
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
542
|
+
/* margin-left: 72px; */
|
|
543
|
+
/* width: calc(100%-83px); */
|
|
544
|
+
}
|
|
467
545
|
|
|
468
546
|
.citizen-home-container {
|
|
469
547
|
display: flex;
|
|
@@ -570,14 +648,14 @@
|
|
|
570
648
|
.link {
|
|
571
649
|
a {
|
|
572
650
|
color: inherit;
|
|
573
|
-
text-decoration: inherit
|
|
651
|
+
text-decoration: inherit;
|
|
574
652
|
}
|
|
575
653
|
}
|
|
576
654
|
|
|
577
655
|
.breadcrumb {
|
|
578
656
|
a {
|
|
579
657
|
color: inherit;
|
|
580
|
-
text-decoration: inherit
|
|
658
|
+
text-decoration: inherit;
|
|
581
659
|
}
|
|
582
660
|
}
|
|
583
661
|
|
|
@@ -597,7 +675,7 @@
|
|
|
597
675
|
.bread-crumb {
|
|
598
676
|
a {
|
|
599
677
|
color: inherit;
|
|
600
|
-
text-decoration: inherit
|
|
678
|
+
text-decoration: inherit;
|
|
601
679
|
}
|
|
602
680
|
}
|
|
603
681
|
|