Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
parent
e591aa99d3
commit
b39234ce80
2 changed files with 76 additions and 71 deletions
|
@ -15,6 +15,7 @@ const Message = styled(EuiText).attrs((props) => ({
|
|||
size: 's',
|
||||
}))`
|
||||
padding: ${(props) => props.theme.eui.paddingSizes.m};
|
||||
margin-top: auto;
|
||||
`;
|
||||
|
||||
export const AlphaMessaging: React.FC<{}> = () => {
|
||||
|
|
|
@ -20,6 +20,8 @@ interface Props {
|
|||
const Container = styled.div`
|
||||
min-height: calc(100vh - ${(props) => props.theme.eui.euiHeaderChildSize});
|
||||
background: ${(props) => props.theme.eui.euiColorEmptyShade};
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
`;
|
||||
|
||||
const Nav = styled.nav`
|
||||
|
@ -52,6 +54,7 @@ export const DefaultLayout: React.FunctionComponent<Props> = ({
|
|||
/>
|
||||
)}
|
||||
<Container>
|
||||
<div>
|
||||
<Nav>
|
||||
<EuiFlexGroup gutterSize="l" alignItems="center">
|
||||
<EuiFlexItem grow={false}>
|
||||
|
@ -131,6 +134,7 @@ export const DefaultLayout: React.FunctionComponent<Props> = ({
|
|||
</EuiFlexGroup>
|
||||
</Nav>
|
||||
{children}
|
||||
</div>
|
||||
<AlphaMessaging />
|
||||
</Container>
|
||||
</>
|
||||
|
|
Loading…
Reference in a new issue