datastake-daf 0.6.220 → 0.6.222

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 (3) hide show
  1. package/dist/components/index.js +16 -8
  2. package/package.json +1 -1
  3. package/src/@daf/core/components/Screens/InformationUnavailable/style.js +16 -8
package/dist/components/index.js CHANGED
@@ -56037,7 +56037,7 @@ const isUnderDevelopmentType = backgroundType => {
56037
56037
  };
56038
56038
  const Style$a = dt.div`
56039
56039
  width: 100%;
56040
- height: 100vh;
56040
+ height: ${props => props.backgroundType === 'globe' || props.backgroundType === 'field' ? '80vh' : '100vh'};
56041
56041
  position: relative;
56042
56042
  overflow: hidden;
56043
56043
 
@@ -56055,18 +56055,26 @@ const Style$a = dt.div`
56055
56055
  position: absolute;
56056
56056
  z-index: 0;
56057
56057
 
56058
- top: 24px;
56059
- left: 24px;
56060
- right: 24px;
56061
- bottom: 24px;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.220",
3
+ "version": "0.6.222",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
package/src/@daf/core/components/Screens/InformationUnavailable/style.js CHANGED
@@ -7,7 +7,7 @@ const isUnderDevelopmentType = (backgroundType) => {
7
7
 
8
8
  const Style = styled.div`
9
9
  width: 100%;
10
- height: 100vh;
10
+ height: ${props => (props.backgroundType === 'globe' || props.backgroundType === 'field') ? '80vh' : '100vh'};
11
11
  position: relative;
12
12
  overflow: hidden;
13
13
 
@@ -25,18 +25,26 @@ const Style = styled.div`
25
25
  position: absolute;
26
26
  z-index: 0;
27
27
 
28
- top: 24px;
29
- left: 24px;
30
- right: 24px;
31
- bottom: 24px;
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