@pmidc/upyog-css 1.0.42 → 1.0.43

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 (8) hide show
  1. package/dist/index.css +100 -214
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CitizenHomeCard.scss +1 -1
  5. package/src/components/navbar.scss +1 -32
  6. package/src/components/selectdropdown.scss +1 -5
  7. package/src/index.scss +4 -0
  8. package/src/pages/citizen/citizenNewLogin.scss +111 -165
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pmidc/upyog-css",
3
- "version": "1.0.42",
3
+ "version": "1.0.43",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "engines": {
package/src/components/CitizenHomeCard.scss CHANGED
@@ -69,7 +69,7 @@
69
69
 
70
70
  .cardService {
71
71
  width: 100%;
72
- max-width: 268px; /* or 250px depending on design */
72
+ max-width: 300px; /* or 250px depending on design */
73
73
  height: 400px; /* let it grow with content if needed */
74
74
  aspect-ratio: 3 / 4; /* Optional: maintain shape */
75
75
  margin: 1rem;
package/src/components/navbar.scss CHANGED
@@ -311,35 +311,4 @@
311
311
  img {
312
312
  @apply mr-sm;
313
313
  }
314
- }
315
-
316
- .upyog-logo{
317
- display: block;
318
- }
319
- @media (max-width: 780px) {
320
- .upyog-logo{
321
- display: none !important;
322
- }
323
- }
324
- .right-wrapper_navbar{
325
- display: flex;
326
- flex-direction: row;
327
- width: 50%;
328
- align-items: center;
329
- justify-content: space-evenly;
330
- padding: auto 1.5rem;
331
- }
332
-
333
- .left-wrapper_navbar{
334
- display: flex;
335
- flex-direction: row;
336
- width: 50%;
337
- align-items: center;
338
- justify-content: flex-start;
339
- padding: auto 1.5rem;
340
- }
341
- .center-container_navbar{
342
- display: flex;
343
- flex-direction: row;
344
- width: 100%;
345
- }
314
+ }
package/src/components/selectdropdown.scss CHANGED
@@ -128,13 +128,9 @@
128
128
  .select-wrap {
129
129
  @apply mb-lg relative;
130
130
  max-width: 540px;
131
- width:100%;
132
131
 
133
132
  .select {
134
- @apply relative block w-full;
135
- height: 3rem;
136
- border: 1px solid #b4b4b4;
137
- border-radius: 8px;
133
+ @apply relative block w-full h-10 border border-solid border-input-border;
138
134
 
139
135
  input[type="text"] {
140
136
  width: calc(100% - 32px);
package/src/index.scss CHANGED
@@ -849,6 +849,10 @@ input[type="number"] {
849
849
  padding-left: 20px;
850
850
  }
851
851
 
852
+ .no-left-margin {
853
+ margin-left: 0 !important;
854
+ }
855
+
852
856
  @media screen and (max-width: 768px) {
853
857
  .citizen .inboxButton {
854
858
  font-size: 1rem;
package/src/pages/citizen/citizenNewLogin.scss CHANGED
@@ -1,193 +1,139 @@
1
1
  .login-container {
2
- width: 100%;
3
- display: flex;
4
- align-items: center;
5
- justify-content: center;
6
- height: 100vh;
7
- }
2
+ width: 100%;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
8
6
 
9
- .login-page-cover {
10
- background: linear-gradient(0deg, rgba(41, 71, 163, 0.9), rgba(41, 71, 163, 0.9)),
11
- url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/1cace0150346b2e2f5989aaaf63b8e26.jpeg");
12
- background-size: cover;
13
- background-position: center;
14
- height: 100vh;
15
- width: 100%;
16
- }
17
-
18
- .login-wrapper {
7
+ .login-wrapper {
19
8
  display: flex;
20
9
  flex-direction: column;
21
10
  justify-content: center;
22
- align-items: flex-start;
23
- background-color: rgba(255, 255, 255, 1);
24
- margin: 8px;
25
- padding: 2rem;
26
- box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
27
- border-radius: 4px;
28
- width: 30%;
29
- max-width: 100vw;
30
- height: 750px;
31
- position: relative;
32
- }
33
- .register-login-wrapper {
34
- display: flex;
35
- flex-direction: column;
36
- justify-content: center;
37
- align-items: flex-start;
38
- background-color: rgba(255, 255, 255, 1);
11
+ align-items: center;
12
+ --bg-opacity: 1;
13
+ background-color: #fff;
14
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
39
15
  margin: 8px;
40
- padding: 2rem;
16
+ padding: 16px 16px 24px;
17
+ -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
41
18
  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
42
19
  border-radius: 4px;
43
- width: 30%;
44
- max-width: 100vw;
45
- height: 900px;
46
- position: relative;
47
- }
48
- .login-title {
49
20
  width: 100%;
50
- max-width: 525px;
51
- font-size: 2.5rem;
52
- color: #0b0c0c;
53
- font-weight: 600;
54
- text-align: center;
55
- padding: 2rem 0rem;
56
- }
57
-
58
- .lag-loc-wrapper {
59
- display: flex;
60
- justify-content: center;
61
- width: 100%;
62
- max-width: 540px;
63
- gap: 30px;
64
- }
65
-
66
- .location-wrapper {
67
- display: flex;
68
- flex-direction: column;
69
- gap: 8px;
70
- width: 100%;
71
- }
72
-
73
- /* The inner select div */
74
- .location-wrapper .select {
75
- display: flex;
76
- align-items: center;
77
- border: 1px solid #b4b4b4 !important;
78
- background-color: rgba(255, 255, 255, var(--bg-opacity));
79
- border-radius: 8px;
80
- }
81
-
82
- .location-wrapper .select-active {
83
- border-radius: 8px !important;
84
- }
21
+ max-width: 50vw;
22
+
23
+ .login-title {
24
+ width: 100%;
25
+ max-width: 525px;
26
+ font-size: 24px;
27
+ color: #0b0c0c;
28
+ font-weight: 600;
29
+ text-align: start;
30
+ }
85
31
 
86
- .language-wrapper {
87
- width: 100%;
88
- max-width: 260px;
89
- }
32
+ .lag-loc-wrapper {
33
+ display: flex;
34
+ justify-content: center;
35
+ width: 100%;
36
+ max-width: 540px;
37
+ gap: 30px;
38
+
39
+ .location-wrapper {
40
+ display: flex;
41
+ flex-direction: column;
42
+ gap: 8px;
43
+ width: 100%;
44
+ max-width: 260px;
45
+
46
+ .select {
47
+ display: flex;
48
+ align-items: center;
49
+ border: 1px solid #b4b4b4 !important;
50
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
51
+ border-radius: 8px;
52
+ }
53
+
54
+ .select-active {
55
+ border-radius: 8px !important;
56
+ }
57
+ }
58
+
59
+ .language-wrapper {
60
+ width: 100%;
61
+ max-width: 260px;
62
+ }
63
+ }
90
64
 
91
- .label {
92
- font-weight: 500;
93
- font-size: 16px;
94
- line-height: 25px;
95
- color: #686677;
65
+ .label {
66
+ font-weight: 500;
67
+ font-size: 16px;
68
+ line-height: 25px;
69
+ color: #686677;
96
70
 
97
- span {
71
+ span {
98
72
  color: #ff1515;
73
+ }
99
74
  }
100
- }
101
75
 
102
- .input-wrapper {
103
- width: 100%;
104
- max-width: 540px;
105
- }
106
-
107
- .input-wrapper .submit-bar,
108
- .input-wrapper .submit-bar-disabled {
109
- width: 100%;
110
- max-width: 540px;
111
- }
112
-
113
- .input-wrapper .card-label {
114
- font-weight: 500 !important;
115
- font-size: 16px !important;
116
- line-height: 25px !important;
117
- color: #686677 !important;
118
- }
119
-
120
- .input-wrapper.hide-submit-buttons+.submit-bar,
121
- .input-wrapper.hide-submit-buttons+.submit-bar-disabled {
122
- display: none !important;
123
- }
76
+ .input-wrapper {
77
+ width: 100%;
78
+ max-width: 540px;
79
+
80
+ .submit-bar,
81
+ .submit-bar-disabled {
82
+ width: 100%;
83
+ max-width: 540px;
84
+ }
85
+
86
+ .card-label {
87
+ font-weight: 500 !important;
88
+ font-size: 16px !important;
89
+ line-height: 25px !important;
90
+ color: #686677 !important;
91
+ }
92
+
93
+ &.hide-submit-buttons + .submit-bar,
94
+ &.hide-submit-buttons + .submit-bar-disabled {
95
+ display: none !important;
96
+ }
97
+ }
124
98
 
125
- .account-link {
126
- font-size: 16px;
127
- font-weight: 400;
128
- line-height: 25px;
129
- text-align: center;
130
- }
99
+ .account-link {
100
+ font-size: 16px;
101
+ font-weight: 400;
102
+ line-height: 25px;
103
+ text-align: center;
104
+ }
131
105
 
132
- .link {
133
- color: #1778ff;
134
- text-decoration: underline;
135
- }
106
+ .link {
107
+ color: #1778ff;
108
+ text-decoration: underline;
109
+ }
136
110
 
137
- .resendIn {
138
- font-size: 16px;
139
- font-weight: 500;
140
- color: #686677;
141
- text-align: right;
111
+ .resendIn {
112
+ font-size: 16px;
113
+ font-weight: 500;
114
+ color: #686677;
115
+ text-align: right;
142
116
 
143
- span {
117
+ span {
144
118
  color: #1778ff;
119
+ }
145
120
  }
146
- }
147
-
148
- .resend {
149
- text-align: right;
150
- cursor: pointer;
151
- font-weight: 700;
152
- }
153
-
154
- .login-circle {
155
- width: 75px;
156
- height: 75px;
157
- border-radius: 50%;
158
- background-color: #2947a3;
159
- display: flex;
160
- align-items: center;
161
- justify-content: center;
162
- color: white;
163
- font-size: 24px;
164
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
165
- cursor: pointer;
166
- position: absolute;
167
- top: -30px;
168
- }
169
121
 
170
- @media (max-width: 768px) {
171
- .lag-loc-wrapper {
172
- flex-direction: column;
173
- gap: 0px;
174
- }
175
- .login-wrapper{
176
- width: 95%;
177
- }
178
- .register-login-wrapper{
179
- width: 95%;
122
+ .resend {
123
+ text-align: right;
124
+ cursor: pointer;
125
+ font-weight: 700;
180
126
  }
127
+ }
181
128
  }
182
- @media (min-width: 769px) and (max-width : 1024px) {
183
- .lag-loc-wrapper {
129
+
130
+ @media (max-width: 700px) {
131
+ .login-container {
132
+ .login-wrapper {
133
+ .lag-loc-wrapper {
184
134
  flex-direction: column;
185
135
  gap: 0px;
136
+ }
186
137
  }
187
- .login-wrapper{
188
- width: 80%;
189
- }
190
- .register-login-wrapper{
191
- width: 80%;
192
- }
138
+ }
193
139
  }