@djb25/digit-ui-css 1.0.20 → 1.0.21
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 +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/SearchForm.scss +30 -3
- package/src/components/body.scss +34 -22
- package/src/components/card.scss +6 -4
- package/src/components/financeUi.scss +0 -8
- package/src/components/hoc/InboxComposer.scss +27 -0
- package/src/components/moduleHeader.scss +48 -52
- package/src/components/popup.scss +1 -0
- package/src/components/tag.scss +2 -0
- package/src/components/textfields.scss +1 -0
- package/src/pages/employee/form-fields.scss +0 -4
- package/src/pages/employee/inbox.scss +48 -8
- package/src/pages/employee/index.scss +124 -10
|
@@ -74,6 +74,22 @@
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
.employee-main-application-details{
|
|
78
|
+
width: 100%;
|
|
79
|
+
overflow-y: scroll;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.employee-form-content {
|
|
83
|
+
flex: 1 1 0%;
|
|
84
|
+
overflow-y: auto;
|
|
85
|
+
height: 100%;
|
|
86
|
+
display: flex;
|
|
87
|
+
flex-direction: column;
|
|
88
|
+
gap: 16px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
77
93
|
.citizen {
|
|
78
94
|
.main {
|
|
79
95
|
padding-top: 82px;
|
|
@@ -423,12 +439,12 @@
|
|
|
423
439
|
|
|
424
440
|
.header-icon-area {
|
|
425
441
|
position: absolute;
|
|
426
|
-
top:
|
|
442
|
+
top: 41%;
|
|
427
443
|
right: 20px;
|
|
428
444
|
transform: translateY(-50%);
|
|
429
445
|
opacity: 0.5;
|
|
430
446
|
pointer-events: none;
|
|
431
|
-
max-width:
|
|
447
|
+
max-width: 157px;
|
|
432
448
|
|
|
433
449
|
@media (max-width: 768px) {
|
|
434
450
|
right: 10px;
|
|
@@ -460,12 +476,12 @@
|
|
|
460
476
|
}
|
|
461
477
|
|
|
462
478
|
.greeting-date {
|
|
463
|
-
margin:
|
|
479
|
+
margin-left: 40px;
|
|
464
480
|
font-size: 15px;
|
|
465
481
|
font-weight: 500;
|
|
466
482
|
color: rgba(255, 255, 255, 0.9);
|
|
467
483
|
letter-spacing: 0.5px;
|
|
468
|
-
|
|
484
|
+
|
|
469
485
|
}
|
|
470
486
|
|
|
471
487
|
/* --- Right: Omni Search Area --- */
|
|
@@ -871,8 +887,8 @@
|
|
|
871
887
|
|
|
872
888
|
@media (min-width: 1024px) {
|
|
873
889
|
.top-info-cards-wrapper {
|
|
874
|
-
|
|
875
|
-
|
|
890
|
+
display: grid;
|
|
891
|
+
grid-template-columns: 3fr 1fr;
|
|
876
892
|
align-items: stretch;
|
|
877
893
|
}
|
|
878
894
|
}
|
|
@@ -880,8 +896,6 @@
|
|
|
880
896
|
@media (min-width: 375px) {}
|
|
881
897
|
|
|
882
898
|
.static-card {
|
|
883
|
-
flex: 1;
|
|
884
|
-
/* Ensures perfect 50/50 width */
|
|
885
899
|
background: white;
|
|
886
900
|
border-radius: 16px;
|
|
887
901
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
|
@@ -889,13 +903,113 @@
|
|
|
889
903
|
overflow: hidden;
|
|
890
904
|
display: flex;
|
|
891
905
|
flex-direction: column;
|
|
892
|
-
max-height: 48vh;
|
|
893
906
|
min-height: 250px;
|
|
894
907
|
}
|
|
895
908
|
|
|
909
|
+
.custom-tabs-header {
|
|
910
|
+
display: flex;
|
|
911
|
+
border-bottom: 1px solid #e2e8f0;
|
|
912
|
+
margin-bottom: 8px;
|
|
913
|
+
padding: 0 16px;
|
|
914
|
+
}
|
|
915
|
+
.custom-tab-btn {
|
|
916
|
+
padding: 12px 16px;
|
|
917
|
+
background: none;
|
|
918
|
+
border: none;
|
|
919
|
+
color: #94a3b8;
|
|
920
|
+
font-size: 14px;
|
|
921
|
+
font-weight: 600;
|
|
922
|
+
cursor: pointer;
|
|
923
|
+
border-bottom: 2px solid transparent;
|
|
924
|
+
transition: all 0.2s;
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
.custom-tab-btn.active {
|
|
928
|
+
color: #2563eb;
|
|
929
|
+
border-bottom-color: #2563eb;
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
.compact-list {
|
|
933
|
+
padding: 0 16px;
|
|
934
|
+
flex: 1;
|
|
935
|
+
overflow-y: auto;
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.compact-list-item {
|
|
939
|
+
display: flex;
|
|
940
|
+
align-items: center;
|
|
941
|
+
padding: 12px 0;
|
|
942
|
+
border-bottom: 1px solid #f1f5f9;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
.compact-list-item:last-child {
|
|
946
|
+
border-bottom: none;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.dot-indicator {
|
|
950
|
+
width: 8px;
|
|
951
|
+
height: 8px;
|
|
952
|
+
border-radius: 50%;
|
|
953
|
+
margin-right: 12px;
|
|
954
|
+
flex-shrink: 0;
|
|
955
|
+
}
|
|
956
|
+
|
|
957
|
+
.compact-title {
|
|
958
|
+
font-size: 14px;
|
|
959
|
+
color: #1e293b;
|
|
960
|
+
font-weight: 500;
|
|
961
|
+
flex: 1;
|
|
962
|
+
}
|
|
963
|
+
|
|
964
|
+
.compact-badge {
|
|
965
|
+
background-color: #e0f2fe;
|
|
966
|
+
color: #0369a1;
|
|
967
|
+
font-size: 12px;
|
|
968
|
+
font-weight: 600;
|
|
969
|
+
padding: 2px 8px;
|
|
970
|
+
border-radius: 12px;
|
|
971
|
+
margin: 0 12px;
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.compact-right-text {
|
|
975
|
+
font-size: 13px;
|
|
976
|
+
color: #64748b;
|
|
977
|
+
white-space: nowrap;
|
|
978
|
+
}
|
|
979
|
+
.compact-right-text.danger {
|
|
980
|
+
color: #ef4444;
|
|
981
|
+
font-weight: 600;
|
|
982
|
+
}
|
|
983
|
+
|
|
984
|
+
.ra-compact-item {
|
|
985
|
+
display: flex;
|
|
986
|
+
align-items: flex-start;
|
|
987
|
+
padding: 12px 16px;
|
|
988
|
+
border-bottom: 1px solid #f1f5f9;
|
|
989
|
+
}
|
|
990
|
+
.ra-compact-item:last-child {
|
|
991
|
+
border-bottom: none;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
.ra-icon-circle {
|
|
995
|
+
width: 36px;
|
|
996
|
+
height: 36px;
|
|
997
|
+
border-radius: 50%;
|
|
998
|
+
display: flex;
|
|
999
|
+
align-items: center;
|
|
1000
|
+
justify-content: center;
|
|
1001
|
+
margin-right: 12px;
|
|
1002
|
+
flex-shrink: 0;
|
|
1003
|
+
}
|
|
1004
|
+
|
|
1005
|
+
.ra-header-square-icon {
|
|
1006
|
+
width: 14px;
|
|
1007
|
+
height: 14px;
|
|
1008
|
+
border-radius: 4px;
|
|
1009
|
+
margin-right: 8px;
|
|
1010
|
+
}
|
|
896
1011
|
.ra-footer {
|
|
897
1012
|
margin-top: auto;
|
|
898
|
-
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
899
1013
|
padding-top: 16px;
|
|
900
1014
|
padding-bottom: 0px;
|
|
901
1015
|
display: flex;
|