@egovernments/digit-ui-components-css 0.0.2-beta.6 → 0.0.2-beta.9
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/CHANGELOG.md +4 -0
- package/dist/index.css +27 -9
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/digitv2/components/uploaderV2.scss +46 -13
package/package.json
CHANGED
|
@@ -82,6 +82,22 @@
|
|
|
82
82
|
.digit-uploader-content {
|
|
83
83
|
@apply flex w-full;
|
|
84
84
|
gap: theme(digitv2.spacers.spacer3);
|
|
85
|
+
|
|
86
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
87
|
+
max-width: 27.5rem;
|
|
88
|
+
min-width: 21rem;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@media (max-width: 30rem) {
|
|
92
|
+
max-width: 20.563rem;
|
|
93
|
+
min-width: 18rem;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
@media (min-width: 48rem) {
|
|
97
|
+
max-width: 37.5rem;
|
|
98
|
+
min-width: 20.75rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
85
101
|
}
|
|
86
102
|
|
|
87
103
|
label {
|
|
@@ -89,12 +105,13 @@
|
|
|
89
105
|
}
|
|
90
106
|
|
|
91
107
|
.digit-uploader-content-uploadpopup {
|
|
92
|
-
@apply flex flex-col w-full items-center justify-center max-w-full
|
|
108
|
+
@apply flex flex-col w-full items-center justify-center max-w-full;
|
|
93
109
|
gap: theme(digitv2.spacers.spacer4);
|
|
94
110
|
border: 0.063rem solid theme(digitv2.lightTheme.generic-divider);
|
|
95
111
|
background: theme(digitv2.lightTheme.paper-secondary);
|
|
96
112
|
padding: theme(digitv2.spacers.spacer4);
|
|
97
113
|
height: 9rem;
|
|
114
|
+
border-style: dashed;
|
|
98
115
|
|
|
99
116
|
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
100
117
|
min-width: 18.75rem;
|
|
@@ -125,7 +142,7 @@
|
|
|
125
142
|
}
|
|
126
143
|
|
|
127
144
|
&.error {
|
|
128
|
-
|
|
145
|
+
border-style: dashed !important;
|
|
129
146
|
border: 0.094rem solid theme(digitv2.lightTheme.alert-error);
|
|
130
147
|
}
|
|
131
148
|
}
|
|
@@ -216,7 +233,6 @@
|
|
|
216
233
|
}
|
|
217
234
|
}
|
|
218
235
|
|
|
219
|
-
|
|
220
236
|
.digit-docupload-icon{
|
|
221
237
|
border: 0.063rem solid theme(digitv2.lightTheme.generic-divider);
|
|
222
238
|
|
|
@@ -247,6 +263,18 @@
|
|
|
247
263
|
border: 0.063rem solid theme(digitv2.lightTheme.alert-error);
|
|
248
264
|
}
|
|
249
265
|
}
|
|
266
|
+
|
|
267
|
+
&.single.imageFile{
|
|
268
|
+
width: 100%;
|
|
269
|
+
|
|
270
|
+
img{
|
|
271
|
+
width: 100% !important;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.overlay{
|
|
275
|
+
width: 100% !important;
|
|
276
|
+
}
|
|
277
|
+
}
|
|
250
278
|
}
|
|
251
279
|
|
|
252
280
|
.preview-container.uploadImage.singleUpload {
|
|
@@ -260,16 +288,21 @@
|
|
|
260
288
|
}
|
|
261
289
|
}
|
|
262
290
|
|
|
263
|
-
|
|
264
|
-
min-width:
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
291
|
+
&:not(.uploadImage){
|
|
292
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
293
|
+
max-width: 27.5rem;
|
|
294
|
+
min-width: 21rem;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
@media (max-width: 30rem) {
|
|
298
|
+
max-width: 20.563rem;
|
|
299
|
+
min-width: 18rem;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
@media (min-width: 48rem) {
|
|
303
|
+
max-width: 37.5rem;
|
|
304
|
+
min-width: 20.75rem;
|
|
305
|
+
}
|
|
273
306
|
}
|
|
274
307
|
}
|
|
275
308
|
|