@pmidc/upyog-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.
Files changed (19) hide show
  1. package/dist/index.css +132 -64
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +4 -2
  5. package/src/components/CitizenHomeCard.scss +3 -2
  6. package/src/components/PageBasedInput.scss +0 -1
  7. package/src/components/PropertySearchForm.scss +2 -2
  8. package/src/components/TimeLine.scss +3 -3
  9. package/src/components/navbar.scss +8 -6
  10. package/src/components/staticDynamicMessages.scss +1 -1
  11. package/src/components/toast.scss +1 -1
  12. package/src/index.scss +1 -1
  13. package/src/pages/citizen/container.scss +1 -1
  14. package/src/pages/employee/dashboard.scss +35 -2
  15. package/src/pages/employee/footer.scss +5 -4
  16. package/src/pages/employee/inbox.scss +8 -1
  17. package/src/pages/employee/landing.scss +28 -7
  18. package/src/pages/employee/login.scss +3 -3
  19. package/src/pages/employee/surveys.scss +20 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pmidc/upyog-css",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "engines": {
package/src/components/CardBasedOptions.scss CHANGED
@@ -23,20 +23,22 @@
23
23
  margin: auto;
24
24
  .ChildOptionImageWrapper{
25
25
  margin: auto !important;
26
- background: rgba(244, 119, 56, 0.12);
26
+ background: #f5fbff;
27
27
  mix-blend-mode: normal;
28
28
  padding-top: 14px;
29
29
  @apply h-12 w-12 rounded-full cursor-pointer;
30
30
  svg{
31
31
  height: 20px;
32
32
  width: 20px;
33
- fill: #a82227;
33
+ fill: #1359C8;
34
34
  margin: auto;
35
35
  }
36
36
  }
37
37
  .ChildOptionName{
38
38
  font-size: 12px;
39
39
  line-height: 14px;
40
+ color: #2947A3;
41
+
40
42
  }
41
43
  }
42
44
  }
package/src/components/CitizenHomeCard.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  .CitizenHomeCard{
2
2
 
3
- @apply bg-white mx-md p-md mb-lg;
3
+ @apply bg-white mx-md p-md mb-lg shadow-card;
4
+ border-radius: 8px;
4
5
 
5
6
  .header{
6
7
  @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
@@ -38,7 +39,7 @@
38
39
  padding: 16px !important;
39
40
  margin-right:16px !important;
40
41
  display:block !important;
41
- box-shadow: rgb(50 50 93 / 18%) 0px 50px 100px -20px, rgb(0 0 0 / 16%) 0px 30px 60px -30px, rgb(10 37 64 / 17%) 0px -2px 6px 0px inset;
42
+
42
43
  @apply inline-block mr-lg p-lg align-top;
43
44
  .header{
44
45
  @apply pb-lg text-heading-l-dt;
package/src/components/PageBasedInput.scss CHANGED
@@ -19,7 +19,6 @@
19
19
  .SubmitBarInCardInDesktopView {
20
20
  @apply block;
21
21
  position:relative;
22
- background-color: #fff0;
23
22
  }
24
23
  .card {
25
24
  max-width: 960px;
package/src/components/PropertySearchForm.scss CHANGED
@@ -24,10 +24,10 @@
24
24
  font-weight: 400;
25
25
  }
26
26
  .selected {
27
- color: #a82227;
27
+ color: #2947a3;
28
28
  font-weight: 700;
29
29
  padding-bottom: 10px;
30
- border-bottom: 2px solid #a82227;
30
+ border-bottom: 2px solid #2947a3;
31
31
  }
32
32
  span {
33
33
  margin-right: 20px;
package/src/components/TimeLine.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .secondary-color {
18
- color: #0B0C0C;
18
+ color: #2947A3;
19
19
  padding: 5px;
20
20
  font-size: small;
21
21
  }
@@ -39,8 +39,8 @@
39
39
  }
40
40
 
41
41
  .active {
42
- background-color: #a82227;
43
- border-color: #a82227;
42
+ background-color: #1359C8;
43
+ border-color: #1359C8;
44
44
  }
45
45
  }
46
46
 
package/src/components/navbar.scss CHANGED
@@ -187,7 +187,8 @@
187
187
  outline: none;
188
188
  font-size: 16px;
189
189
  position: relative;
190
- color: rgb(95, 92, 98);
190
+ color: #61646B;
191
+ font-weight: 500;
191
192
  line-height: 48px;
192
193
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
193
194
  min-height: 48px;
@@ -195,8 +196,8 @@
195
196
  background: none;
196
197
  .icon {
197
198
  display: block;
198
- color: rgb(117, 117, 117);
199
- fill: rgb(117, 117, 117);
199
+ color: #61646B;
200
+ fill: #61646B;
200
201
  height: 21px !important;
201
202
  width: 21px !important;
202
203
  float: left;
@@ -219,13 +220,14 @@
219
220
  padding-right: 16px;
220
221
  padding-left: 16px;
221
222
  &.active {
222
- border-left: 5px solid #a82227;
223
+ border-left: 10px solid #0D43A7;
223
224
  padding-left: 11px;
225
+ background-color: #F2FAFF;
224
226
  .menu-label {
225
- color: #a82227;
227
+ color: #0D43A7;
226
228
  }
227
229
  .icon {
228
- fill: #a82227;
230
+ fill: #0D43A7;
229
231
  }
230
232
  }
231
233
 
package/src/components/staticDynamicMessages.scss CHANGED
@@ -31,7 +31,7 @@
31
31
  margin-inline: 20px;
32
32
  }
33
33
  .staticDataCard{
34
- background: rgba(238, 238, 238, 1);
34
+ background: #F2FAFF;
35
35
  mix-blend-mode: normal;
36
36
  height: auto;
37
37
  max-height: 100px;
package/src/components/toast.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .toast-success {
2
2
  max-width: 480px;
3
3
  width: calc(100% - 20px);
4
- bottom: 64px;
4
+ bottom: 100px;
5
5
  left: 0;
6
6
  margin: 0 10px;
7
7
  gap: 16px;
package/src/index.scss CHANGED
@@ -772,7 +772,7 @@ min-height: calc(100vh - 8em);
772
772
  background-color:#d7aefc !important;
773
773
  }
774
774
  .icon-banner-employee svg{
775
- background-color:#bf2f3b !important;
775
+ background-color: #0D43A7 !important;
776
776
  width: 40px;
777
777
  height: 40px;
778
778
  }
package/src/pages/citizen/container.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  }
11
11
  .fill-path-primary-main {
12
12
  path {
13
- fill: #a82227;
13
+ fill: #1359C8;
14
14
  }
15
15
  }
16
16
 
package/src/pages/employee/dashboard.scss CHANGED
@@ -82,6 +82,8 @@
82
82
  font-size: 14px;
83
83
  line-height: 20px;
84
84
  letter-spacing: 0.25px;
85
+ max-height: 300px;
86
+ overflow: auto;
85
87
  }
86
88
  }
87
89
 
@@ -95,7 +97,7 @@
95
97
  }
96
98
 
97
99
  .employee-dashboard-table-container {
98
- flex: 1;
100
+ flex: 2;
99
101
 
100
102
  .employee-dashboard-table-header {
101
103
  display: flex;
@@ -145,7 +147,38 @@
145
147
  .employee-dashboard-module-card-wrapper {
146
148
  display: flex;
147
149
  flex-wrap: wrap;
148
- gap: 20px;
150
+ gap: 16px;
151
+
152
+ .employee-dashboard-quick-service-card {
153
+ width: 350px;
154
+ height: 72px;
155
+ padding: 8px 16px;
156
+ border-radius: 8px;
157
+ background: #FFFFFF;
158
+ box-shadow: 0px 4px 22px 0px #9F9F9F26;
159
+
160
+ .employee-dashboard-quick-service-card-content {
161
+ display: flex;
162
+ flex-direction: row;
163
+ align-items: center;
164
+ gap: 16px;
165
+
166
+ .employee-dashboard-quick-service-card-module-icon {
167
+ width: "48px";
168
+ height: "41px";
169
+ background: #0D43A7;
170
+ }
171
+
172
+ .employee-dashboard-quick-service-card-module-name {
173
+ font-family: Noto Sans;
174
+ font-weight: 500;
175
+ font-size: 16px;
176
+ line-height: 24px;
177
+ letter-spacing: 0.15px;
178
+ color: #1E293B;
179
+ }
180
+ }
181
+ }
149
182
  }
150
183
  }
151
184
  }
package/src/pages/employee/footer.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  padding: 50px 50px 20px 50px;
9
9
  font-family: Poppins;
10
10
  font-size: 14px;
11
+ color:white;
11
12
 
12
13
  @media (max-width : 639px) {
13
14
  display:flex;
@@ -22,7 +23,7 @@
22
23
 
23
24
  h2{
24
25
  margin-bottom: 10px;
25
- text-align: start;
26
+ text-align: left;
26
27
  }
27
28
 
28
29
  @media (max-width : 639px) {
@@ -36,13 +37,13 @@ h2{
36
37
  h1{
37
38
  margin-bottom: 10px;
38
39
  text-decoration: underline;
39
- text-align: start;
40
+ text-align: left;
40
41
  }
41
42
 
42
43
  ul {
43
44
  list-style-type: disc;
44
- padding: 0px 25px;
45
- text-align: start;
45
+ padding: 0px 12px;
46
+ text-align: left;
46
47
  }
47
48
 
48
49
  li{
package/src/pages/employee/inbox.scss CHANGED
@@ -41,6 +41,13 @@
41
41
 
42
42
  .links-wrapper {
43
43
  @apply pl-md py-sm text-text-btn;
44
+ width: "100%";
45
+ display: "flex";
46
+ font-size: "0.8rem";
47
+ padding-left: "10px";
48
+ flex-wrap:"wrap";
49
+ flex-direction:"row";
50
+ padding-top:"10px";
44
51
  .link {
45
52
  padding: 0 !important;
46
53
  padding-bottom: 4px !important;
@@ -451,9 +458,9 @@
451
458
  padding: 0px !important;
452
459
  }
453
460
  }
461
+
454
462
  .employeeTotalLink{
455
463
  color: #a82227;
456
-
457
464
  font-size: 12px;
458
465
  }
459
466
 
package/src/pages/employee/landing.scss CHANGED
@@ -1,19 +1,35 @@
1
1
  .middle-content{
2
2
  display: flex;
3
+ flex-direction: column;
3
4
  justify-content: space-between;
4
- height: 360px;
5
+ height: 522px;
6
+
7
+ @media (min-width: 768px) {
8
+ .middle-content{
9
+ flex-direction: row;
10
+ min-height: 360px;
11
+ }
12
+ }
5
13
  }
6
14
 
7
15
  .middle-left-half {
8
16
  display: flex;
9
17
  flex-direction: column;
10
- width: 50%;
18
+ width: 100%;
19
+
20
+ @media (min-width: 768px) {
21
+ width: 50%;
22
+ }
11
23
 
12
24
  }
13
25
  .middle-left-half-upper{
14
- height: 50%;
15
- margin-bottom: auto;
26
+ min-height: 162px;
27
+ margin-bottom: 18px;
16
28
  border: 1px solid black;
29
+
30
+ @media (min-width: 768px) {
31
+ height: 50%;
32
+ }
17
33
  }
18
34
 
19
35
  .middle-left-half-upper-body{
@@ -39,7 +55,7 @@
39
55
  }
40
56
 
41
57
  .middle-left-half-lower{
42
- height: 48%;
58
+ min-height: 162px;
43
59
  border: 1px solid black;
44
60
 
45
61
  @media (min-width: 768px) {
@@ -48,9 +64,14 @@
48
64
  }
49
65
 
50
66
  .middle-right-half{
51
- height: 360px;
52
- width: 48%;
67
+ min-height: 162px;
68
+ width: 100%;
53
69
  border: 1px solid black;
70
+
71
+ @media (min-width: 768px) {
72
+ height: 360px;
73
+ width: 48%;
74
+ }
54
75
  }
55
76
  .middle-header{
56
77
  font-size: 20px;
package/src/pages/employee/login.scss CHANGED
@@ -241,10 +241,10 @@
241
241
  border-radius: 8px;
242
242
  }
243
243
 
244
- .langSelection{
245
- width: 30% !important;
244
+ .langSelection {
245
+ width: 30% !important;
246
246
  margin: 0px;
247
- padding:2rem;
247
+ padding: 2rem;
248
248
  }
249
249
 
250
250
  @media screen and (max-width: 768px){
package/src/pages/employee/surveys.scss CHANGED
@@ -261,7 +261,7 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
261
261
  }
262
262
 
263
263
  .surveyformslist_wrapper {
264
- @apply w-3/4 grid gap-6 py-md;
264
+ @apply grid gap-6 py-md;
265
265
  }
266
266
  }
267
267
 
@@ -354,9 +354,20 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
354
354
  }
355
355
 
356
356
  .category-card h3 {
357
- margin-top: 0;
358
- }
357
+ margin-top: 5px;
358
+ margin-bottom: 2px;
359
+ font-weight: 600;
360
+ color: #0d43a7;
361
+ font-family: 'roboto';
359
362
 
363
+ }
364
+ .category-card h2 {
365
+ margin-top: 5px;
366
+ margin-bottom: 2px;
367
+ font-weight: bold;
368
+ font-size: 18px;
369
+ color: #0d43a7;
370
+ }
360
371
  .category-card input,
361
372
  .category-card select {
362
373
  display: block;
@@ -365,6 +376,7 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
365
376
  margin-bottom: 10px;
366
377
  border: 1px solid #ccc;
367
378
  border-radius: 4px;
379
+ color: #0d43a7;
368
380
  }
369
381
 
370
382
  .category-card button {
@@ -410,4 +422,9 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
410
422
  .category-card label:disabled {
411
423
  background-color: #ccc;
412
424
  cursor: not-allowed;
425
+ }
426
+
427
+ .category-card span{
428
+ color: #FF2400;
429
+
413
430
  }