datastake-daf 0.6.220 → 0.6.221
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/components/index.js
CHANGED
|
@@ -56055,18 +56055,26 @@ const Style$a = dt.div`
|
|
|
56055
56055
|
position: absolute;
|
|
56056
56056
|
z-index: 0;
|
|
56057
56057
|
|
|
56058
|
-
|
|
56059
|
-
|
|
56060
|
-
|
|
56061
|
-
|
|
56058
|
+
${props.backgroundType === 'globe' || props.backgroundType === 'field' ? `
|
|
56059
|
+
top: 0;
|
|
56060
|
+
left: 0;
|
|
56061
|
+
right: 0;
|
|
56062
|
+
bottom: 0;
|
|
56063
|
+
width: 100%;
|
|
56064
|
+
height: 100%;
|
|
56065
|
+
` : `
|
|
56066
|
+
top: 24px;
|
|
56067
|
+
left: 24px;
|
|
56068
|
+
right: 24px;
|
|
56069
|
+
bottom: 24px;
|
|
56070
|
+
`}
|
|
56062
56071
|
|
|
56063
56072
|
background-image:
|
|
56064
56073
|
linear-gradient(rgba(249, 250, 251, 0.2), rgba(249, 250, 251, 0.2)),
|
|
56065
56074
|
url(${props.backgroundImage});
|
|
56066
|
-
background-position: top center;
|
|
56075
|
+
background-position: ${props.backgroundType === 'globe' || props.backgroundType === 'field' ? 'center center' : 'top center'};
|
|
56067
56076
|
background-repeat: no-repeat;
|
|
56068
|
-
|
|
56069
|
-
background-size: 100% auto;
|
|
56077
|
+
background-size: ${props.backgroundType === 'globe' || props.backgroundType === 'field' ? 'cover' : '100% auto'};
|
|
56070
56078
|
}
|
|
56071
56079
|
` : ''}
|
|
56072
56080
|
|
package/package.json
CHANGED
|
@@ -25,18 +25,26 @@ const Style = styled.div`
|
|
|
25
25
|
position: absolute;
|
|
26
26
|
z-index: 0;
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
${props.backgroundType === 'globe' || props.backgroundType === 'field' ? `
|
|
29
|
+
top: 0;
|
|
30
|
+
left: 0;
|
|
31
|
+
right: 0;
|
|
32
|
+
bottom: 0;
|
|
33
|
+
width: 100%;
|
|
34
|
+
height: 100%;
|
|
35
|
+
` : `
|
|
36
|
+
top: 24px;
|
|
37
|
+
left: 24px;
|
|
38
|
+
right: 24px;
|
|
39
|
+
bottom: 24px;
|
|
40
|
+
`}
|
|
32
41
|
|
|
33
42
|
background-image:
|
|
34
43
|
linear-gradient(rgba(249, 250, 251, 0.2), rgba(249, 250, 251, 0.2)),
|
|
35
44
|
url(${props.backgroundImage});
|
|
36
|
-
background-position: top center;
|
|
45
|
+
background-position: ${props.backgroundType === 'globe' || props.backgroundType === 'field' ? 'center center' : 'top center'};
|
|
37
46
|
background-repeat: no-repeat;
|
|
38
|
-
|
|
39
|
-
background-size: 100% auto;
|
|
47
|
+
background-size: ${props.backgroundType === 'globe' || props.backgroundType === 'field' ? 'cover' : '100% auto'};
|
|
40
48
|
}
|
|
41
49
|
` : ''}
|
|
42
50
|
|