@djb25/digit-ui-css 1.0.44 → 1.0.46
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.
- package/dist/index.css +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/VerticalTimeline.scss +12 -7
- package/src/components/body.scss +1 -1
- package/src/components/card.scss +4 -6
- package/src/components/moduleHeader.scss +2 -2
- package/src/components/toast.scss +48 -0
- package/src/components/topbar.scss +53 -1
- package/src/index.scss +4 -0
- package/src/pages/citizen/Register.scss +617 -95
- package/src/pages/employee/inbox.scss +0 -1
- package/src/pages/employee/index.scss +3 -3
- package/src/pages/employee/userProfile.scss +16 -7
|
@@ -728,9 +728,9 @@
|
|
|
728
728
|
.main {
|
|
729
729
|
width: 100%;
|
|
730
730
|
padding-top: 58px;
|
|
731
|
-
height: 100%;
|
|
732
731
|
display: flex;
|
|
733
732
|
justify-content: center;
|
|
733
|
+
height: 100vh;
|
|
734
734
|
}
|
|
735
735
|
|
|
736
736
|
.center-container {
|
|
@@ -1002,7 +1002,7 @@
|
|
|
1002
1002
|
}
|
|
1003
1003
|
|
|
1004
1004
|
.custom-tab-btn.active {
|
|
1005
|
-
color:
|
|
1005
|
+
color: rgb(0, 51, 102);
|
|
1006
1006
|
border-bottom-color: #2563eb;
|
|
1007
1007
|
}
|
|
1008
1008
|
|
|
@@ -1221,7 +1221,7 @@
|
|
|
1221
1221
|
gap: 6px;
|
|
1222
1222
|
background: transparent;
|
|
1223
1223
|
border: none;
|
|
1224
|
-
color:
|
|
1224
|
+
color: rgb(0, 51, 102);
|
|
1225
1225
|
font-size: 13px;
|
|
1226
1226
|
font-weight: 600;
|
|
1227
1227
|
cursor: pointer;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
.profile-image-wrapper {
|
|
33
33
|
&.employee {
|
|
34
34
|
padding: 16px;
|
|
35
|
-
|
|
35
|
+
position: relative;
|
|
36
36
|
width: 100%;
|
|
37
37
|
max-width: 450px;
|
|
38
38
|
aspect-ratio: 1/1;
|
|
@@ -120,6 +120,7 @@
|
|
|
120
120
|
|
|
121
121
|
@media (min-width: 768px) {
|
|
122
122
|
.login {
|
|
123
|
+
height: 100%;
|
|
123
124
|
padding-inline: 58px;
|
|
124
125
|
}
|
|
125
126
|
}
|
|
@@ -131,10 +132,17 @@
|
|
|
131
132
|
|
|
132
133
|
.login {
|
|
133
134
|
.user-profile-wrapper {
|
|
134
|
-
padding-bottom:
|
|
135
|
-
@media (
|
|
135
|
+
padding-bottom: 24px;
|
|
136
|
+
@media (min-width: 768px) {
|
|
136
137
|
padding-bottom: 76px;
|
|
137
138
|
}
|
|
139
|
+
.user-form {
|
|
140
|
+
flex: 1;
|
|
141
|
+
width: 100%;
|
|
142
|
+
@media (min-width: 768px) {
|
|
143
|
+
overflow-y: scroll;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
138
146
|
}
|
|
139
147
|
}
|
|
140
148
|
|
|
@@ -145,10 +153,10 @@
|
|
|
145
153
|
|
|
146
154
|
@media (min-width: 768px) {
|
|
147
155
|
flex-direction: row;
|
|
148
|
-
overflow-y: scroll;
|
|
149
156
|
}
|
|
150
157
|
@media (max-width: 768px) {
|
|
151
158
|
align-items: center;
|
|
159
|
+
overflow-y: scroll;
|
|
152
160
|
}
|
|
153
161
|
|
|
154
162
|
.save-btn {
|
|
@@ -163,16 +171,18 @@
|
|
|
163
171
|
border-radius: 0;
|
|
164
172
|
width: 100%;
|
|
165
173
|
|
|
166
|
-
@media (max-width:
|
|
174
|
+
@media (max-width: 768px) {
|
|
167
175
|
margin: 24px;
|
|
176
|
+
margin-top: 0;
|
|
168
177
|
flex-direction: column;
|
|
169
178
|
min-width: unset;
|
|
170
179
|
}
|
|
171
180
|
}
|
|
172
181
|
|
|
173
182
|
&.citizen {
|
|
174
|
-
@media (max-width:
|
|
183
|
+
@media (max-width: 768px) {
|
|
175
184
|
margin: 24px;
|
|
185
|
+
margin-top: 0;
|
|
176
186
|
flex-direction: column;
|
|
177
187
|
min-width: unset;
|
|
178
188
|
}
|
|
@@ -203,7 +213,6 @@
|
|
|
203
213
|
gap: 8px;
|
|
204
214
|
|
|
205
215
|
&.employee {
|
|
206
|
-
overflow-y: scroll;
|
|
207
216
|
padding: 24px;
|
|
208
217
|
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
|
|
209
218
|
}
|