@tattvafoundation/upyog-css 1.0.15 → 1.0.16

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 (23) hide show
  1. package/dist/index.css +355 -148
  2. package/dist/index.min.css +1 -1
  3. package/img/back1.jpg +0 -0
  4. package/img/back2.jpg +0 -0
  5. package/img/banner.png +0 -0
  6. package/img/banner2.png +0 -0
  7. package/img/bmc_receipt.png +0 -0
  8. package/img/login-back.png +0 -0
  9. package/img/logo-bmc.png +0 -0
  10. package/img/scheme-banner.png +0 -0
  11. package/package.json +2 -2
  12. package/src/components/CardBasedOptions.scss +92 -65
  13. package/src/components/CitizenHomeCard.scss +57 -45
  14. package/src/components/bmc.scss +180 -108
  15. package/src/components/body.scss +17 -3
  16. package/src/components/deonar.scss +154 -0
  17. package/src/components/navbar.scss +51 -11
  18. package/src/index.scss +1 -1
  19. package/src/pages/citizen/HomePageWrapper.scss +31 -6
  20. package/src/pages/employee/inbox.scss +98 -35
  21. package/src/pages/employee/index.scss +211 -135
  22. package/src/pages/employee/login.scss +113 -56
  23. package/img/Free-Silai-Machine-Yojna-1-jpg.jpeg +0 -0
package/img/back1.jpg ADDED
Binary file
package/img/back2.jpg ADDED
Binary file
package/img/banner.png ADDED
Binary file
package/img/banner2.png ADDED
Binary file
package/img/bmc_receipt.png ADDED
Binary file
package/img/login-back.png ADDED
Binary file
package/img/logo-bmc.png ADDED
Binary file
package/img/scheme-banner.png ADDED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tattvafoundation/upyog-css",
3
- "version": "1.0.15",
3
+ "version": "1.0.16",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "engines": {
@@ -56,4 +56,4 @@
56
56
  "img/**/*.jpg",
57
57
  "img/**/*.jpeg"
58
58
  ]
59
- }
59
+ }
package/src/components/CardBasedOptions.scss CHANGED
@@ -1,111 +1,138 @@
1
- .CardBasedOptions{
1
+ .CardBasedOptions {
2
2
  box-shadow: #32325d14 0px 50px 100px -20px, rgb(0 0 0 / 18%) 0px 30px 60px -30px, #0a254038 0px -2px 6px 0px inset;
3
3
  border-radius: 12px;
4
4
  padding: 0px !important;
5
5
  @apply bg-white mb-md px-sm py-md mx-sm rounded w-full;
6
- .headContent{
7
- @apply flex justify-between mb-lg;
8
- h2{
9
- @apply text-heading-s font-bold text-text-primary;
10
- }
11
- p{
12
- @apply text-link text-primary-main font-medium cursor-pointer;
13
- }
6
+
7
+ .headContent {
8
+ @apply flex justify-between mb-lg;
9
+
10
+ h2 {
11
+ @apply text-heading-s font-bold text-text-primary;
12
+ }
13
+
14
+ p {
15
+ @apply text-link text-primary-main font-medium cursor-pointer;
16
+ }
14
17
  }
15
18
 
16
- .mainContent{
17
- @apply flex justify-evenly;
18
-
19
- .CardBasedOptionsMainChildOption{
20
- width: 25%;
21
-
22
- @apply text-center;
19
+ .mainContent {
20
+ @apply flex justify-evenly;
21
+
22
+ .CardBasedOptionsMainChildOption {
23
+ width: 25%;
24
+
25
+ @apply text-center;
26
+ margin: auto;
27
+
28
+ .ChildOptionImageWrapper {
29
+ margin: auto !important;
30
+ background: #caaa3f36;
31
+ mix-blend-mode: normal;
32
+ padding-top: 11px;
33
+ @apply h-12 w-12 rounded-full cursor-pointer;
34
+
35
+ svg {
36
+ height: 25px;
37
+ width: 25px;
38
+ fill: #d1b03f;
23
39
  margin: auto;
24
- .ChildOptionImageWrapper{
25
- margin: auto !important;
26
- background: rgba(244, 119, 56, 0.12);
27
- mix-blend-mode: normal;
28
- padding-top: 14px;
29
- @apply h-12 w-12 rounded-full cursor-pointer;
30
- svg{
31
- height: 20px;
32
- width: 20px;
33
- fill: #a82227;
34
- margin: auto;
35
- }
36
- }
37
- .ChildOptionName{
38
- font-size: 12px;
39
- line-height: 14px;
40
- }
40
+ }
41
41
  }
42
+
43
+ .ChildOptionName {
44
+ font-size: 12px;
45
+ line-height: 14px;
46
+ margin-top: 8px;
47
+ }
48
+ }
42
49
  }
43
50
  }
44
51
 
45
- @screen dt{
46
- .CardBasedOptions{
47
- width: calc( 50% - 16px );
52
+ @screen dt {
53
+ .CardBasedOptions {
54
+ width: calc(50% - 16px);
48
55
  padding: 0px !important;
49
56
  height: 250px !important;
50
57
  }
51
58
  }
52
- .citizen .ServicesSection .CardBasedOptions:nth-child(odd){
53
- .employeeCustomCard{
54
- background-image: url("https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png");
59
+
60
+ .citizen .ServicesSection .CardBasedOptions:nth-child(odd) {
61
+ .employeeCustomCard {
62
+ background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
55
63
  background-size: cover
56
64
  }
65
+
66
+ h2 {
67
+ color: #858585 !important;
68
+ }
69
+
70
+ .inboxButton {
71
+ color: #858585 !important;
72
+ }
57
73
  }
58
- .citizen .ServicesSection .CardBasedOptions:nth-child(even){
59
- .employeeCustomCard{
60
- background-image: url("https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png");
61
- background-size: cover
74
+
75
+ .citizen .ServicesSection .CardBasedOptions:nth-child(even) {
76
+ .employeeCustomCard {
77
+ background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg");
78
+ background-size: cover
62
79
  }
80
+
63
81
  }
82
+
64
83
  .citizen .employeeCustomCard {
65
84
  border-radius: 10px;
66
- background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
67
- background-size: cover;
68
- .employeeCustomCard {
69
- border-radius: 10px;
70
- background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
71
- background-size: cover;
85
+ background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
86
+ background-size: cover;
87
+
88
+ .employeeCustomCard {
89
+ border-radius: 10px;
90
+ background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
91
+ background-size: cover;
72
92
  }
93
+
94
+
73
95
  }
74
- .employee-card-banner{
75
- background-color: white;
76
- width: 88%;
77
- height: 60%;
78
- bottom: 0px;
79
- position: absolute;
80
- margin-bottom: -10%;
81
- left: 6%;
82
- box-shadow: 1px 5px 6px 0px #e3e4e3;
83
- border-radius: 10px;
96
+
97
+ .employee-card-banner {
98
+ background-color: white;
99
+ width: 88%;
100
+ height: 60%;
101
+ bottom: 0px;
102
+ position: absolute;
103
+ margin-bottom: -10%;
104
+ left: 6%;
105
+ box-shadow: 1px 5px 6px 0px #e3e4e3;
106
+ border-radius: 10px;
84
107
  }
85
- .citizen .employee-card-banner{
108
+
109
+ .citizen .employee-card-banner {
86
110
  margin-bottom: -5% !important;
87
111
  height: 65% !important;
88
112
  }
89
- .text-employee-card{
113
+
114
+ .text-employee-card {
90
115
  font-size: 1.5rem;
91
116
  font-weight: 700;
92
117
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
93
118
  position: absolute;
94
- top:10%;
119
+ top: 10%;
95
120
  padding-left: 10%;
96
121
  color: white !important;
97
122
 
98
123
  }
99
- .citizen .employee-card-banner .citizenAllServiceGrid{
124
+
125
+ .citizen .employee-card-banner .citizenAllServiceGrid {
100
126
  display: flex-root !important;
101
127
  height: 100% !important;
102
- }
128
+ }
103
129
 
104
130
  @media screen and (min-width: 300px) {
105
131
  .CardBasedOptions {
106
132
  height: 200px;
107
133
  }
108
- .employeeCustomCard{
134
+
135
+ .employeeCustomCard {
109
136
  font-size: 1rem;
110
137
  }
111
138
  }
package/src/components/CitizenHomeCard.scss CHANGED
@@ -1,58 +1,70 @@
1
- .CitizenHomeCard{
1
+ .CitizenHomeCard {
2
2
 
3
- @apply bg-white mx-md p-md mb-lg;
3
+ @apply bg-white mx-md p-md mb-lg;
4
4
 
5
- .header{
6
- @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
5
+ .header {
6
+ @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
7
7
 
8
- svg{
9
- width: 33px;
10
- height: 33px;
11
- }
12
- }
8
+ svg {
9
+ width: 33px;
10
+ height: 33px;
11
+ }
12
+ }
13
+
14
+ .links {
15
+
16
+ @apply text-heading-s text-primary-main;
17
+ color: rgb(210 176 58) !important;
13
18
 
14
- .links{
15
-
16
- @apply text-heading-s text-primary-main;
19
+ a {
17
20
 
18
- a{
19
- @apply block pb-sm;
20
- }
21
- }
21
+
22
+ display: inline-block;
23
+ margin-bottom: 10px;
24
+ padding: 5px 8px !important;
25
+ background: #fdf5e2;
26
+ border-radius: 50px;
27
+ line-height: 17px;
28
+ border: 1px solid #d2b03a;
29
+ }
30
+ }
22
31
  }
23
32
 
24
- @screen dt{
33
+ @screen dt {
25
34
 
26
- .citizenAllServiceGrid{
27
- display: flex-root !important;
28
- @apply grid grid-cols-2 gap-4;
35
+ .citizenAllServiceGrid {
36
+ display: flex-root !important;
37
+ @apply grid grid-cols-2 gap-4;
29
38
  }
30
- .links{
39
+
40
+ .links {
31
41
  display: grid;
32
- grid-template-columns: repeat(4, minmax(0, 1fr));
33
- grid-gap: 1px;
34
- gap: 1px;
42
+ grid-template-columns: repeat(4, minmax(0, 1fr));
43
+ grid-gap: 1px;
44
+ gap: 1px;
35
45
  }
36
46
 
37
- .CitizenHomeCard{
38
- padding: 16px !important;
39
- margin-right:16px !important;
40
- 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
- @apply inline-block mr-lg p-lg align-top;
43
- .header{
44
- @apply pb-lg text-heading-l-dt;
45
- svg{
46
- @apply w-12 h-12;
47
- }
48
- }
49
-
50
- .links{
51
-
52
- a{
53
-
54
- @apply pb-md
55
- }
56
- }
57
- }
47
+ .CitizenHomeCard {
48
+ padding: 16px !important;
49
+ margin-right: 16px !important;
50
+ display: block !important;
51
+ 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;
52
+ @apply inline-block mr-lg p-lg align-top;
53
+
54
+ .header {
55
+ @apply pb-lg text-heading-l-dt;
56
+
57
+ svg {
58
+ @apply w-12 h-12;
59
+ }
60
+ }
61
+
62
+ .links {
63
+
64
+ a {
65
+
66
+ @apply pb-md
67
+ }
68
+ }
69
+ }
58
70
  }