@tattvafoundation/upyog-css 1.0.15 → 1.0.17

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 (27) hide show
  1. package/dist/index.css +409 -191
  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 -69
  13. package/src/components/CitizenHomeCard.scss +57 -45
  14. package/src/components/bmc.scss +207 -111
  15. package/src/components/body.scss +17 -3
  16. package/src/components/buttons.scss +5 -3
  17. package/src/components/card.scss +21 -14
  18. package/src/components/deonar.scss +159 -1
  19. package/src/components/languageSelector.scss +7 -2
  20. package/src/components/navbar.scss +51 -11
  21. package/src/components/selectdropdown.scss +2 -2
  22. package/src/index.scss +3 -3
  23. package/src/pages/citizen/HomePageWrapper.scss +33 -8
  24. package/src/pages/employee/inbox.scss +104 -34
  25. package/src/pages/employee/index.scss +216 -140
  26. package/src/pages/employee/login.scss +114 -57
  27. 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.17",
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,134 @@
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
+ }
42
+
43
+ .ChildOptionName {
44
+ font-size: 12px;
45
+ line-height: 14px;
46
+ margin-top: 8px;
41
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: 100%;
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");
55
- background-size: cover
59
+
60
+ .citizen .ServicesSection .CardBasedOptions:nth-child(odd) {
61
+ .employeeCustomCard {
62
+ background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
63
+ background-size: cover;
64
+ }
65
+
66
+ h2 {
67
+ color: #858585 !important;
68
+ }
69
+
70
+ .inboxButton {
71
+ color: #858585 !important;
56
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://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg");
78
+ background-size: cover;
62
79
  }
63
80
  }
81
+
64
82
  .citizen .employeeCustomCard {
65
83
  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;
84
+ background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
85
+ background-size: cover;
86
+
87
+ .employeeCustomCard {
88
+ border-radius: 10px;
89
+ background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
90
+ background-size: cover;
72
91
  }
73
92
  }
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;
93
+
94
+ .employee-card-banner {
95
+ background-color: white;
96
+ width: 88%;
97
+ height: 60%;
98
+ bottom: 0px;
99
+ position: absolute;
100
+ margin-bottom: -10%;
101
+ left: 6%;
102
+ box-shadow: 1px 5px 6px 0px #e3e4e3;
103
+ border-radius: 10px;
84
104
  }
85
- .citizen .employee-card-banner{
105
+
106
+ .citizen .employee-card-banner {
86
107
  margin-bottom: -5% !important;
87
108
  height: 65% !important;
88
109
  }
89
- .text-employee-card{
110
+
111
+ .text-employee-card {
90
112
  font-size: 1.5rem;
91
113
  font-weight: 700;
92
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
114
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
93
115
  position: absolute;
94
- top:10%;
116
+ top: 10%;
95
117
  padding-left: 10%;
96
118
  color: white !important;
97
-
98
119
  }
99
- .citizen .employee-card-banner .citizenAllServiceGrid{
120
+
121
+ .citizen .employee-card-banner .citizenAllServiceGrid {
100
122
  display: flex-root !important;
101
123
  height: 100% !important;
102
- }
124
+ }
103
125
 
104
126
  @media screen and (min-width: 300px) {
105
127
  .CardBasedOptions {
106
128
  height: 200px;
107
129
  }
108
- .employeeCustomCard{
130
+
131
+ .employeeCustomCard {
109
132
  font-size: 1rem;
110
133
  }
111
- }
134
+ }
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
  }