image-dropzone 1.0.27 → 1.0.29
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/style.css +2 -17
- package/dist/esm/style.css +2 -17
- package/package.json +1 -1
package/dist/cjs/style.css
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
.drop-zone {
|
|
2
2
|
height: 200px;
|
|
3
3
|
color: #b59aff;
|
|
4
|
-
background-image:
|
|
5
|
-
linear-gradient(to right, #b59aff 50%, transparent 50%), linear-gradient(to bottom, #b59aff 50%, transparent 50%),
|
|
6
|
-
linear-gradient(to bottom, #b59aff 50%, transparent 50%);
|
|
4
|
+
background-image: url(./assets/images/custom-border.png);
|
|
7
5
|
background-size: contain;
|
|
8
6
|
background-repeat: no-repeat;
|
|
9
7
|
background-position: center;
|
|
@@ -12,19 +10,6 @@
|
|
|
12
10
|
}
|
|
13
11
|
|
|
14
12
|
/* Circular cropping in personal photo step */
|
|
15
|
-
|
|
16
|
-
/* .drop-zone img.personal-pic {
|
|
17
|
-
border-radius: 100px;
|
|
18
|
-
width: 180px !important;
|
|
19
|
-
height: 180px !important;
|
|
20
|
-
object-fit: unset !important;
|
|
21
|
-
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
22
|
-
} */
|
|
23
|
-
|
|
24
|
-
.drop-zone img {
|
|
25
|
-
object-fit: contain;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
13
|
.dropzone-text,
|
|
29
14
|
.custom-texarea {
|
|
30
15
|
width: 100%;
|
|
@@ -34,7 +19,6 @@
|
|
|
34
19
|
white-space: nowrap;
|
|
35
20
|
}
|
|
36
21
|
|
|
37
|
-
|
|
38
22
|
.drop-zone .drop-img {
|
|
39
23
|
width: 180px;
|
|
40
24
|
height: 180px;
|
|
@@ -43,4 +27,5 @@
|
|
|
43
27
|
background-position: center;
|
|
44
28
|
background-size: cover;
|
|
45
29
|
background-repeat: no-repeat;
|
|
30
|
+
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
46
31
|
}
|
package/dist/esm/style.css
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
.drop-zone {
|
|
2
2
|
height: 200px;
|
|
3
3
|
color: #b59aff;
|
|
4
|
-
background-image:
|
|
5
|
-
linear-gradient(to right, #b59aff 50%, transparent 50%), linear-gradient(to bottom, #b59aff 50%, transparent 50%),
|
|
6
|
-
linear-gradient(to bottom, #b59aff 50%, transparent 50%);
|
|
4
|
+
background-image: url(./assets/images/custom-border.png);
|
|
7
5
|
background-size: contain;
|
|
8
6
|
background-repeat: no-repeat;
|
|
9
7
|
background-position: center;
|
|
@@ -12,19 +10,6 @@
|
|
|
12
10
|
}
|
|
13
11
|
|
|
14
12
|
/* Circular cropping in personal photo step */
|
|
15
|
-
|
|
16
|
-
/* .drop-zone img.personal-pic {
|
|
17
|
-
border-radius: 100px;
|
|
18
|
-
width: 180px !important;
|
|
19
|
-
height: 180px !important;
|
|
20
|
-
object-fit: unset !important;
|
|
21
|
-
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
22
|
-
} */
|
|
23
|
-
|
|
24
|
-
.drop-zone img {
|
|
25
|
-
object-fit: contain;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
13
|
.dropzone-text,
|
|
29
14
|
.custom-texarea {
|
|
30
15
|
width: 100%;
|
|
@@ -34,7 +19,6 @@
|
|
|
34
19
|
white-space: nowrap;
|
|
35
20
|
}
|
|
36
21
|
|
|
37
|
-
|
|
38
22
|
.drop-zone .drop-img {
|
|
39
23
|
width: 180px;
|
|
40
24
|
height: 180px;
|
|
@@ -43,4 +27,5 @@
|
|
|
43
27
|
background-position: center;
|
|
44
28
|
background-size: cover;
|
|
45
29
|
background-repeat: no-repeat;
|
|
30
|
+
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
46
31
|
}
|