@pmidc/upyog-css 1.0.21 → 1.0.23

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 (6) hide show
  1. package/dist/index.css +44 -0
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/card.scss +29 -27
  5. package/src/pages/employee/dashboard.scss +173 -176
  6. package/src/pages/swach/index.scss +36 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pmidc/upyog-css",
3
- "version": "1.0.21",
3
+ "version": "1.0.23",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "engines": {
package/src/components/card.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .card {
2
2
  @apply bg-white m-sm px-md pt-md pb-lg shadow-card;
3
3
  border-radius: 4px;
4
- max-width:95vw;
4
+ max-width: 95vw;
5
5
  width: 100%;
6
6
 
7
7
  .card-header {
@@ -79,7 +79,7 @@
79
79
  @apply text-text-primary text-heading-m font-medium;
80
80
  }
81
81
 
82
- .card-section-sub-text{
82
+ .card-section-sub-text {
83
83
  @apply text-text-primary text-body-s;
84
84
  }
85
85
 
@@ -130,7 +130,8 @@
130
130
  .employeeCard.fsm {
131
131
  margin-bottom: 64px !important;
132
132
  margin-left: 0px !important;
133
- margin-right: 16px !important; }
133
+ margin-right: 16px !important;
134
+ }
134
135
  .header-wrap {
135
136
  @apply flex mb-md;
136
137
 
@@ -156,9 +157,9 @@
156
157
 
157
158
  .submit-bar {
158
159
  @apply h-10 bg-primary-main text-center outline-none text-white;
159
-
160
- width:175px;
161
- border-radius:8px;
160
+
161
+ width: 175px;
162
+ border-radius: 8px;
162
163
 
163
164
  &:focus {
164
165
  @apply outline-none;
@@ -172,9 +173,9 @@
172
173
  .submit-bar-disabled {
173
174
  @apply h-10 bg-primary-main text-center outline-none opacity-50 text-white;
174
175
 
175
- width:175px;
176
- border-radius:8px;
177
-
176
+ width: 175px;
177
+ border-radius: 8px;
178
+
178
179
  &:focus {
179
180
  @apply outline-none;
180
181
  }
@@ -188,10 +189,10 @@
188
189
  @screen dt {
189
190
  .submit-bar,
190
191
  .submit-bar-disabled {
191
- width:175px;
192
- border-radius:8px;
193
-
194
- height: 2rem !important
192
+ width: 175px;
193
+ border-radius: 8px;
194
+
195
+ height: 2rem !important;
195
196
  }
196
197
 
197
198
  .card {
@@ -243,14 +244,14 @@
243
244
 
244
245
  .card-section-header {
245
246
  margin-bottom: 10px;
246
- color: #0D43A7;
247
+ color: #0d43a7;
247
248
  font-size: 24px;
248
- line-height: 28px;
249
- font-family:Noto Sans, sans-serif;
249
+ line-height: 28px;
250
+ font-family: Noto Sans, sans-serif;
250
251
  @apply text-heading-m-dt font-medium font-sans;
251
252
  }
252
253
 
253
- .card-section-sub-text{
254
+ .card-section-sub-text {
254
255
  @apply text-text-primary text-body-s-dt;
255
256
  }
256
257
 
@@ -405,30 +406,31 @@
405
406
  width: 100% !important;
406
407
  }
407
408
 
408
- .language-selector .submit-bar, .submit-bar-disabled{
409
- background-color: rgb(178, 196, 239,0.8) !important;
409
+ .language-selector .submit-bar,
410
+ .submit-bar-disabled {
411
+ background-color: rgb(178, 196, 239, 0.8) !important;
410
412
  }
411
413
 
412
- .owner-details{
414
+ .owner-details {
413
415
  display: flex;
414
416
  flex-direction: row;
415
417
  width: 100%;
416
418
  flex-wrap: wrap;
417
- justify-content: space-between
419
+ justify-content: space-between;
418
420
  }
419
421
 
420
- .owner-details-child{
422
+ .owner-details-child {
421
423
  width: 50%;
422
424
  }
423
425
 
424
- .location-card .card{
425
- max-width:85vw;
426
+ .location-card .card {
427
+ max-width: 85vw;
426
428
  width: 100%;
427
429
  margin: 0;
428
430
  }
429
431
 
430
- .image-card .card{
431
- max-width:85vw;
432
+ .image-card .card {
433
+ max-width: 85vw;
432
434
  width: 100%;
433
435
  margin: 0;
434
- }
436
+ }
package/src/pages/employee/dashboard.scss CHANGED
@@ -1,206 +1,203 @@
1
1
  .employee-dashboard-container {
2
- display: flex;
3
- flex-direction: column;
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 20px;
5
+ margin: 20px;
6
+
7
+ .employee-dashboard-welcome-card {
8
+ height: 160px;
9
+ border-radius: 12px;
10
+ padding: 20px;
11
+ margin-top: 20px;
12
+ position: relative;
13
+
14
+ .employee-dashboard-welcome-card-entire-content {
15
+ width: 374px;
16
+ height: 108px;
17
+ display: flex;
18
+ flex-direction: column;
19
+ gap: 16px;
20
+ top: 32px;
21
+ left: 32px;
22
+ }
23
+
24
+ .employee-dashboard-welcome-card-heading {
25
+ font-family: "Noto Sans";
26
+ font-weight: 500;
27
+ font-size: 28px;
28
+ line-height: 32px;
29
+ letter-spacing: 0%;
30
+ color: #ffffff;
31
+ text-transform: uppercase;
32
+ }
33
+
34
+ .employee-dashboard-welcome-card-content {
35
+ color: #ffffff;
36
+ font-family: "Noto Sans";
37
+ font-weight: 400;
38
+ font-size: 14px;
39
+ line-height: 20px;
40
+ letter-spacing: 0.25px;
41
+ }
42
+ }
43
+
44
+ .employee-dashboard-card-grid {
45
+ display: grid;
46
+ grid-template-columns: repeat(1, 1fr);
4
47
  gap: 20px;
5
- margin: 20px;
6
-
7
- .employee-dashboard-welcome-card {
8
- height: 160px;
9
- border-radius: 12px;
10
- padding: 20px;
11
- margin-top: 20px;
12
- position: relative;
13
-
14
- .employee-dashboard-welcome-card-entire-content {
15
- width: 374px;
16
- height: 108px;
17
- display: flex;
18
- flex-direction: column;
19
- gap: 16px;
20
- top: 32px;
21
- left: 32px;
22
- }
23
48
 
24
- .employee-dashboard-welcome-card-heading {
25
- font-family: "Noto Sans";
26
- font-weight: 500;
27
- font-size: 28px;
28
- line-height: 32px;
29
- letter-spacing: 0%;
30
- color: #FFFFFF;
31
- text-transform: uppercase;
32
- }
49
+ @media (min-width: 600px) {
50
+ grid-template-columns: repeat(2, 1fr);
51
+ }
33
52
 
34
- .employee-dashboard-welcome-card-content {
35
- color: #FFFFFF;
36
- font-family: "Noto Sans";
37
- font-weight: 400;
38
- font-size: 14px;
39
- line-height: 20px;
40
- letter-spacing: 0.25px;
41
- }
53
+ @media (min-width: 1024px) {
54
+ grid-template-columns: repeat(4, 1fr);
55
+ }
56
+ }
57
+
58
+ .employee-dashboard-card {
59
+ padding: 20px;
60
+ border-radius: 12px;
61
+ position: relative;
62
+
63
+ .employee-dashboard-card-heading-container {
64
+ display: flex;
65
+ align-items: center;
66
+ margin-bottom: 10px;
67
+ gap: 5px;
42
68
  }
43
69
 
44
- .employee-dashboard-card-grid {
45
- display: grid;
46
- grid-template-columns: repeat(1, 1fr);
47
- gap: 20px;
70
+ .employee-dashboard-card-heading {
71
+ font-size: 22px;
72
+ color: #ffffff;
73
+ font-family: "Noto Sans";
74
+ font-weight: 400;
75
+ line-height: 28px;
76
+ letter-spacing: 0%;
77
+ }
48
78
 
49
- @media (min-width: 600px) {
50
- grid-template-columns: repeat(2, 1fr);
51
- }
79
+ .employee-dashboard-card-content {
80
+ color: #ffffff;
81
+ font-family: "Noto Sans";
82
+ font-weight: 400;
83
+ font-size: 14px;
84
+ line-height: 20px;
85
+ letter-spacing: 0.25px;
86
+ max-height: 300px;
87
+ overflow: auto;
88
+ }
89
+ }
52
90
 
53
- @media (min-width: 1024px) {
54
- grid-template-columns: repeat(4, 1fr);
55
- }
91
+ .employee-dashboard-table-and-services {
92
+ display: flex;
93
+ flex-direction: column;
94
+ gap: 20px;
95
+
96
+ @media (min-width: 1024px) {
97
+ flex-direction: row;
56
98
  }
57
99
 
58
- .employee-dashboard-card {
59
- padding: 20px;
60
- border-radius: 12px;
61
- position: relative;
100
+ .employee-dashboard-table-container {
101
+ flex: 2;
62
102
 
63
- .employee-dashboard-card-heading-container {
64
- display: flex;
65
- align-items: center;
66
- margin-bottom: 10px;
67
- gap: 5px;
103
+ .employee-dashboard-table-header {
104
+ display: flex;
105
+ justify-content: space-between;
106
+
107
+ .employee-dashboard-table-title {
108
+ color: "white";
109
+ font-family: "Manrope";
110
+ font-weight: 700;
111
+ font-size: 20px;
112
+ line-height: 27.32px;
113
+ letter-spacing: 0%;
68
114
  }
69
115
 
70
- .employee-dashboard-card-heading {
71
- font-size: 22px;
72
- color: #FFFFFF;
73
- font-family: "Noto Sans";
74
- font-weight: 400;
75
- line-height: 28px;
76
- letter-spacing: 0%;
116
+ .employee-dashboard-view-all-link {
117
+ color: blue;
77
118
  }
119
+ }
78
120
 
79
- .employee-dashboard-card-content {
80
- color: #FFFFFF;
81
- font-family: "Noto Sans";
82
- font-weight: 400;
83
- font-size: 14px;
84
- line-height: 20px;
85
- letter-spacing: 0.25px;
86
- max-height: 300px;
87
- overflow: auto;
88
- }
121
+ .employee-dashboard-table-content {
122
+ overflow: auto;
123
+ width: 100%;
124
+ }
89
125
  }
90
126
 
91
- .employee-dashboard-table-and-services {
92
- display: flex;
93
- flex-direction: column;
94
- gap: 20px;
127
+ .employee-dashboard-quick-services-container {
128
+ flex: 1;
95
129
 
96
- @media (min-width: 1024px) {
97
- flex-direction: row;
130
+ .employee-dashboard-quick-services-header {
131
+ display: flex;
132
+ justify-content: space-between;
133
+
134
+ .employee-dashboard-quick-services-title {
135
+ color: "#000";
136
+ font-family: "Manrope";
137
+ font-weight: 700;
138
+ font-size: 20px;
139
+ line-height: 27.32px;
140
+ letter-spacing: 0%;
141
+ padding: 2rem 0.5rem;
98
142
  }
99
143
 
100
- .employee-dashboard-table-container {
101
- flex: 2;
102
-
103
- .employee-dashboard-table-header {
104
- display: flex;
105
- justify-content: space-between;
106
-
107
- .employee-dashboard-table-title {
108
- color: "white";
109
- font-family: "Manrope";
110
- font-weight: 700;
111
- font-size: 20px;
112
- line-height: 27.32px;
113
- letter-spacing: 0%;
114
- }
115
-
116
- .employee-dashboard-view-all-link {
117
- color: blue;
118
- }
119
- }
120
-
121
- .employee-dashboard-table-content {
122
- overflow: auto;
123
- width: 100%;
124
- }
144
+ .employee-dashboard-view-all-link {
145
+ color: blue;
125
146
  }
147
+ }
126
148
 
127
- .employee-dashboard-quick-services-container {
128
- flex: 1;
129
-
130
- .employee-dashboard-quick-services-header {
131
- display: flex;
132
- justify-content: space-between;
133
-
134
- .employee-dashboard-quick-services-title {
135
- color: "#000";
136
- font-family: "Manrope";
137
- font-weight: 700;
138
- font-size: 20px;
139
- line-height: 27.32px;
140
- letter-spacing: 0%;
141
- padding: 2rem 0.5rem;
142
- }
143
-
144
- .employee-dashboard-view-all-link {
145
- color: blue;
146
- }
147
- }
149
+ .employee-dashboard-module-card-wrapper {
150
+ display: flex;
151
+ flex-wrap: wrap;
152
+ gap: 16px;
153
+
154
+ .employee-dashboard-quick-service-card {
155
+ width: 32%;
156
+ height: 102px;
157
+ padding: 8px 16px;
158
+ border-radius: 8px;
159
+ background: #ffffff;
160
+ box-shadow: 0px 4px 22px 0px #9f9f9f26;
161
+
162
+ .employee-dashboard-quick-service-card-content {
163
+ display: flex;
164
+ flex-direction: row;
165
+ align-items: center;
166
+ gap: 16px;
148
167
 
149
- .employee-dashboard-module-card-wrapper {
150
- display: flex;
151
- flex-wrap: wrap;
152
- gap: 16px;
153
-
154
- .employee-dashboard-quick-service-card {
155
- width: 32%;
156
- height: 102px;
157
- padding: 8px 16px;
158
- border-radius: 8px;
159
- background: #FFFFFF;
160
- box-shadow: 0px 4px 22px 0px #9F9F9F26;
161
-
162
- .employee-dashboard-quick-service-card-content {
163
- display: flex;
164
- flex-direction: row;
165
- align-items: center;
166
- gap: 16px;
167
-
168
- .employee-dashboard-quick-service-card-module-icon {
169
- display: flex;
170
- justify-content: center;
171
- align-items: center;
172
- height: 100px;
173
- width: 100px;
174
- padding-top: 5px;
175
- border-radius: 8px 0 0 8px;
176
- }
177
-
178
- .employee-dashboard-quick-service-card-module-name {
179
- font-family: Noto Sans;
180
- font-weight: 500;
181
- font-size: 16px;
182
- line-height: 24px;
183
- letter-spacing: 0.15px;
184
- color: #1E293B;
185
- }
186
- }
187
- }
188
-
189
- @media (min-width: 641px) and (max-width: 1024px) {
190
- .employee-dashboard-quick-service-card {
191
- width: 48% !important;
192
- }
168
+ .employee-dashboard-quick-service-card-module-icon {
169
+ display: flex;
170
+ justify-content: center;
171
+ align-items: center;
172
+ height: 100px;
173
+ width: 100px;
174
+ padding-top: 5px;
175
+ border-radius: 8px 0 0 8px;
193
176
  }
194
177
 
195
- @media (max-width: 640px) {
196
- .employee-dashboard-quick-service-card {
197
- width: 96% !important;
178
+ .employee-dashboard-quick-service-card-module-name {
179
+ font-family: Noto Sans;
180
+ font-weight: 500;
181
+ font-size: 16px;
182
+ line-height: 24px;
183
+ letter-spacing: 0.15px;
184
+ color: #1e293b;
198
185
  }
199
- }
186
+ }
187
+ }
200
188
 
201
- }
189
+ @media (min-width: 641px) and (max-width: 1024px) {
190
+ .employee-dashboard-quick-service-card {
191
+ width: 48% !important;
192
+ }
202
193
  }
203
- }
204
194
 
205
-
195
+ @media (max-width: 640px) {
196
+ .employee-dashboard-quick-service-card {
197
+ width: 96% !important;
198
+ }
199
+ }
200
+ }
201
+ }
202
+ }
206
203
  }
package/src/pages/swach/index.scss CHANGED
@@ -11,6 +11,9 @@
11
11
  .mandatory-asterisk {
12
12
  color: red;
13
13
  font-weight: bold;
14
+ }
15
+ .numberdisplay{
16
+ display: flex !important;
14
17
  }
15
18
  .image-card .card {
16
19
  width: 540px;
@@ -130,4 +133,36 @@
130
133
  .mandatory-asterisk {
131
134
  color: red;
132
135
  font-weight: bold;
133
- }
136
+ }
137
+
138
+ .ViewAttendence{
139
+ .tablechart{
140
+ display: flex;
141
+ flex-direction: row;
142
+ flex-wrap: wrap;
143
+ gap: 16px;
144
+ }
145
+
146
+ .tablechartinner{
147
+ flex: 1 1 300px;
148
+ min-width: 300px;
149
+ }
150
+
151
+ .attendanceimage{
152
+ flex: 1 1 300px;
153
+ min-width: 300px;
154
+ display: flex;
155
+ align-items: center;
156
+ justify-content: center;
157
+ padding: 16px;
158
+ }
159
+
160
+ .attendanceimg{
161
+ max-width: 100%;
162
+ max-height: 300px;
163
+ object-fit: contain;
164
+ }
165
+ .attendancecard{
166
+ margin-bottom: 16px;
167
+ }
168
+ }