diff --git a/src/fireedge/src/client/components/Icons/opennebula.js b/src/fireedge/src/client/components/Icons/opennebula.js
index 9a5d8e57d8..9fbce0f2e9 100644
--- a/src/fireedge/src/client/components/Icons/opennebula.js
+++ b/src/fireedge/src/client/components/Icons/opennebula.js
@@ -19,132 +19,183 @@ import { useTheme } from '@material-ui/core'
import { SCHEMES } from 'client/constants'
-const OpenNebulaLogo = memo(({ width, height, spinner, withText, viewBox, ...props }) => {
- const { palette: { type } } = useTheme()
- const isDarkMode = type === SCHEMES.DARK
+const OpenNebulaLogo = memo(
+ ({ width, height, spinner, withText, withBeta, viewBox, ...props }) => {
+ const { palette: { type } } = useTheme()
+ const isDarkMode = type === SCHEMES.DARK
- const cloudColor = {
- child1: { from: '#bfe6f2', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#bfe6f2' },
- child2: { from: '#80cde6', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#80cde6' },
- child3: { from: '#40b3d9', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#40b3d9' },
- child4: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' },
- child5: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' }
- }
+ const cloudColor = {
+ child1: { from: '#bfe6f2', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#bfe6f2' },
+ child2: { from: '#80cde6', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#80cde6' },
+ child3: { from: '#40b3d9', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#40b3d9' },
+ child4: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' },
+ child5: { from: '#0098c3', to: '#ffffff', static: isDarkMode ? '#ffffff' : '#0098c3' }
+ }
- const textColor = {
- top: 'currentColor',
- bottom: isDarkMode ? 'currentColor' : '#0098c3'
- }
+ const textColor = {
+ top: 'currentColor',
+ bottom: isDarkMode ? 'currentColor' : '#0098c3',
+ beta: '#ffffff'
+ }
- return (
-
+ )
+ })
OpenNebulaLogo.propTypes = {
width: oneOfType([number, string]).isRequired,
height: oneOfType([number, string]).isRequired,
viewBox: string,
spinner: bool,
- withText: bool
+ withText: bool,
+ withBeta: bool
}
OpenNebulaLogo.defaultProps = {
width: 360,
height: 360,
- viewBox: '0 0 425 167',
+ viewBox: '0 0 120 45',
spinner: false,
- withText: false
+ withText: false,
+ withBeta: false
}
OpenNebulaLogo.displayName = 'OpenNebulaLogo'
diff --git a/src/fireedge/src/client/components/LoadingScreen/index.js b/src/fireedge/src/client/components/LoadingScreen/index.js
index 1783de793d..0584d2479b 100644
--- a/src/fireedge/src/client/components/LoadingScreen/index.js
+++ b/src/fireedge/src/client/components/LoadingScreen/index.js
@@ -41,7 +41,13 @@ const LoadingScreen = () => {
return (
-
+
)
}
diff --git a/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js b/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js
index b90af763ae..cac6597f81 100644
--- a/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js
+++ b/src/fireedge/src/client/components/Tables/Enhanced/Utils/GlobalFilter.js
@@ -44,13 +44,13 @@ const useStyles = makeStyles(({ spacing, palette, shape, breakpoints }) => ({
justifyContent: 'center'
},
inputRoot: {
- color: 'inherit'
+ color: 'inherit',
+ width: '100%'
},
inputInput: {
padding: spacing(1, 1, 1, 0),
// vertical padding + font size from searchIcon
- paddingLeft: `calc(1em + ${spacing(4)}px)`,
- width: '100%'
+ paddingLeft: `calc(1em + ${spacing(4)}px)`
}
}))
diff --git a/src/fireedge/src/client/containers/Login/index.js b/src/fireedge/src/client/containers/Login/index.js
index 72578d8e80..781a2dbea8 100644
--- a/src/fireedge/src/client/containers/Login/index.js
+++ b/src/fireedge/src/client/containers/Login/index.js
@@ -83,6 +83,7 @@ function Login () {
height={100}
width='100%'
withText
+ withBeta
/>
), [])}