@djb25/digit-ui-css 1.0.58 → 1.0.60

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.
@@ -43,7 +43,7 @@
43
43
  width: 100%;
44
44
  background: linear-gradient(135deg, #1a67a3, #5282e6 40%, #5495fe);
45
45
  padding: 5px 20px;
46
- border-radius: 11px;
46
+ border-radius: 8px;
47
47
  position: relative;
48
48
  z-index: 99999;
49
49
  display: flex;
@@ -150,7 +150,7 @@
150
150
  }
151
151
 
152
152
  @media (max-width: 780px) {
153
- padding: 10px 16px; // Reduce padding for mobile
153
+ padding: 10px 16px; /* Reduce padding for mobile */
154
154
 
155
155
  .brand-mark {
156
156
  width: 40px !important;
@@ -153,21 +153,6 @@
153
153
  }
154
154
  }
155
155
 
156
- .header-wrap {
157
- @apply flex mb-md;
158
-
159
- .header-start {
160
- margin-right: auto;
161
- }
162
-
163
- .header-content {
164
- }
165
-
166
- .header-end {
167
- margin-left: auto;
168
- }
169
- }
170
-
171
156
  .card-emp {
172
157
  @extend .card;
173
158
  padding-right: 0;
@@ -325,9 +310,6 @@
325
310
  margin-right: auto;
326
311
  }
327
312
 
328
- .header-content {
329
- }
330
-
331
313
  .header-end {
332
314
  margin-left: auto;
333
315
  }
package/src/index.scss CHANGED
@@ -52,9 +52,9 @@
52
52
  @import "./components/citizenInfoLabel.scss";
53
53
  @import "./components/roundedLabel.scss";
54
54
  @import "./components/changeLanguage.scss";
55
- @import "./components//metricsTable.scss";
55
+ @import "./components/metricsTable.scss";
56
56
  @import "./components/filters.scss";
57
- @import "./components//charts.scss";
57
+ @import "./components/charts.scss";
58
58
  @import "./components/summary.scss";
59
59
  @import "./components/multiLink.scss";
60
60
  @import "./components/info-banner.scss";
@@ -77,11 +77,12 @@
77
77
  @import "./components/staticSideBar.scss";
78
78
  @import "./components/hoc/index.scss";
79
79
  @import "./components/FAQ.scss";
80
- @import "./components//howItWorks.scss";
80
+ @import "./components/howItWorks.scss";
81
81
  @import "./components/staticDynamicMessages.scss";
82
82
  @import "./components/toggleSwitch.scss";
83
83
  @import "./components/plusMinus.scss";
84
84
  @import "./components/financeUi.scss";
85
+ @import "./components/landingpage.scss";
85
86
 
86
87
  @import "./pages/employee/index.scss";
87
88
  @import "./pages/employee/cardfix.scss";
@@ -112,10 +113,12 @@
112
113
  @import "./digitv2/index.scss";
113
114
  /* @import "./digitv2/typography.scss"; */
114
115
  @import "./components/inboxv2/index.scss";
115
- @import "./components//sidebar.scss";
116
+ @import "./components/sidebar.scss";
117
+ @import "./components/SurveyorDetailsDashboard.scss";
116
118
  @import "./components/moduleHeader.scss";
117
119
  @import "./components/VerticalTimeline.scss";
118
120
  @import "./components/juridictions.scss";
121
+ @import "./components/EkycAssign.scss";
119
122
  @import "./pages/employee/hrms.scss";
120
123
  @import "./pages/employee/userProfile.scss";
121
124
 
@@ -1,5 +1,5 @@
1
1
  .icon-bg-secondary {
2
- @apply flex bg-secondary w-12 h-12;
2
+ @apply flex bg-secondary w-6 h-6 rounded-full;
3
3
 
4
4
  svg {
5
5
  margin: auto;
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .heading-m {
11
- @apply font-bold text-text-primary text-heading-m ml-md pt-sm;
11
+ @apply font-bold text-text-primary;
12
12
  }
13
13
 
14
14
  .BPAheading-m {
@@ -88,7 +88,8 @@
88
88
  }
89
89
 
90
90
  .heading-m {
91
- @apply text-heading-m-dt;
91
+ font-size: 24px;
92
+ line-height: 24px;
92
93
  }
93
94
 
94
95
  .BPAheading-m {
@@ -87,7 +87,7 @@
87
87
  .kpi-grid {
88
88
  display: grid;
89
89
  grid-template-columns: repeat(3, 1fr);
90
- gap: 22px;
90
+ gap: 16px;
91
91
  margin-bottom: 32px;
92
92
  }
93
93
 
@@ -448,7 +448,7 @@
448
448
 
449
449
  .kpi-card {
450
450
  background: white;
451
- border-radius: 24px;
451
+ border-radius: 12px;
452
452
  padding: 24px;
453
453
  display: flex;
454
454
  align-items: center;
@@ -791,7 +791,7 @@
791
791
  .card-with-background {
792
792
  background: rgb(250, 250, 250);
793
793
  border: 1px solid rgb(214, 213, 212);
794
- padding: 20px;
794
+ border-radius: 6px;
795
795
 
796
796
  .card-head {
797
797
  display: flex;
@@ -1,10 +1,18 @@
1
1
  .popup-module {
2
+ max-height: 100%;
3
+ border-radius: 12px;
4
+ display: flex;
5
+ flex-direction: column;
2
6
  width: auto;
3
7
  margin: 0 auto;
8
+ overflow: hidden;
4
9
  @apply bg-white;
5
10
 
6
11
  .popup-module-main {
7
- @apply px-lg pb-lg;
12
+ flex: 1;
13
+ overflow: auto;
14
+ display: flex;
15
+ flex-direction: column;
8
16
  }
9
17
 
10
18
  .popup-module-action-bar {
@@ -24,10 +32,7 @@
24
32
  @apply bg-white;
25
33
 
26
34
  .popup-module-main {
27
- @apply px-lg pb-lg;
28
- }
29
- .popup-module-main {
30
- @apply w-full p-sm h-full;
35
+ @apply w-full p-md h-full;
31
36
  }
32
37
 
33
38
  .popup-module-action-bar {