@pmidc/upyog-css 1.0.43 → 1.0.45

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 (7) hide show
  1. package/dist/index.css +217 -100
  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 +32 -1
  6. package/src/components/selectdropdown.scss +5 -1
  7. package/src/pages/citizen/citizenNewLogin.scss +165 -111
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pmidc/upyog-css",
3
- "version": "1.0.43",
3
+ "version": "1.0.45",
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: 300px; /* or 250px depending on design */
72
+ max-width: 268px; /* 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,4 +311,35 @@
311
311
  img {
312
312
  @apply mr-sm;
313
313
  }
314
- }
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
+ }
package/src/components/selectdropdown.scss CHANGED
@@ -128,9 +128,13 @@
128
128
  .select-wrap {
129
129
  @apply mb-lg relative;
130
130
  max-width: 540px;
131
+ width:100%;
131
132
 
132
133
  .select {
133
- @apply relative block w-full h-10 border border-solid border-input-border;
134
+ @apply relative block w-full;
135
+ height: 3rem;
136
+ border: 1px solid #b4b4b4;
137
+ border-radius: 8px;
134
138
 
135
139
  input[type="text"] {
136
140
  width: calc(100% - 32px);
package/src/pages/citizen/citizenNewLogin.scss CHANGED
@@ -1,139 +1,193 @@
1
1
  .login-container {
2
- width: 100%;
3
- display: flex;
4
- align-items: center;
5
- justify-content: center;
2
+ width: 100%;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ height: 100vh;
7
+ }
6
8
 
7
- .login-wrapper {
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 {
8
19
  display: flex;
9
20
  flex-direction: column;
10
21
  justify-content: center;
11
- align-items: center;
12
- --bg-opacity: 1;
13
- background-color: #fff;
14
- background-color: rgba(255, 255, 255, var(--bg-opacity));
22
+ align-items: flex-start;
23
+ background-color: rgba(255, 255, 255, 1);
15
24
  margin: 8px;
16
- padding: 16px 16px 24px;
17
- -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
25
+ padding: 2rem;
18
26
  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
19
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);
39
+ margin: 8px;
40
+ padding: 2rem;
41
+ box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
42
+ border-radius: 4px;
43
+ width: 30%;
44
+ max-width: 100vw;
45
+ height: 900px;
46
+ position: relative;
47
+ }
48
+ .login-title {
20
49
  width: 100%;
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
- }
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
+ }
31
57
 
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
- }
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
+ }
64
81
 
65
- .label {
66
- font-weight: 500;
67
- font-size: 16px;
68
- line-height: 25px;
69
- color: #686677;
82
+ .location-wrapper .select-active {
83
+ border-radius: 8px !important;
84
+ }
85
+
86
+ .language-wrapper {
87
+ width: 100%;
88
+ max-width: 260px;
89
+ }
90
+
91
+ .label {
92
+ font-weight: 500;
93
+ font-size: 16px;
94
+ line-height: 25px;
95
+ color: #686677;
70
96
 
71
- span {
97
+ span {
72
98
  color: #ff1515;
73
- }
74
99
  }
100
+ }
75
101
 
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
- }
102
+ .input-wrapper {
103
+ width: 100%;
104
+ max-width: 540px;
105
+ }
98
106
 
99
- .account-link {
100
- font-size: 16px;
101
- font-weight: 400;
102
- line-height: 25px;
103
- text-align: center;
104
- }
107
+ .input-wrapper .submit-bar,
108
+ .input-wrapper .submit-bar-disabled {
109
+ width: 100%;
110
+ max-width: 540px;
111
+ }
105
112
 
106
- .link {
107
- color: #1778ff;
108
- text-decoration: underline;
109
- }
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
+ }
110
119
 
111
- .resendIn {
112
- font-size: 16px;
113
- font-weight: 500;
114
- color: #686677;
115
- text-align: right;
120
+ .input-wrapper.hide-submit-buttons+.submit-bar,
121
+ .input-wrapper.hide-submit-buttons+.submit-bar-disabled {
122
+ display: none !important;
123
+ }
124
+
125
+ .account-link {
126
+ font-size: 16px;
127
+ font-weight: 400;
128
+ line-height: 25px;
129
+ text-align: center;
130
+ }
131
+
132
+ .link {
133
+ color: #1778ff;
134
+ text-decoration: underline;
135
+ }
116
136
 
117
- span {
137
+ .resendIn {
138
+ font-size: 16px;
139
+ font-weight: 500;
140
+ color: #686677;
141
+ text-align: right;
142
+
143
+ span {
118
144
  color: #1778ff;
119
- }
120
145
  }
146
+ }
121
147
 
122
- .resend {
123
- text-align: right;
124
- cursor: pointer;
125
- font-weight: 700;
126
- }
127
- }
148
+ .resend {
149
+ text-align: right;
150
+ cursor: pointer;
151
+ font-weight: 700;
128
152
  }
129
153
 
130
- @media (max-width: 700px) {
131
- .login-container {
132
- .login-wrapper {
133
- .lag-loc-wrapper {
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
+
170
+ @media (max-width: 768px) {
171
+ .lag-loc-wrapper {
134
172
  flex-direction: column;
135
173
  gap: 0px;
136
- }
137
174
  }
138
- }
175
+ .login-wrapper{
176
+ width: 95%;
177
+ }
178
+ .register-login-wrapper{
179
+ width: 95%;
180
+ }
181
+ }
182
+ @media (min-width: 769px) and (max-width : 1024px) {
183
+ .lag-loc-wrapper {
184
+ flex-direction: column;
185
+ gap: 0px;
186
+ }
187
+ .login-wrapper{
188
+ width: 80%;
189
+ }
190
+ .register-login-wrapper{
191
+ width: 80%;
192
+ }
139
193
  }