fix: keep footer element at the bottom of the page (#26909)

* format: prettier

* fix: keep footer at the bottom of the page

* fix: use calc to compute proper height
This commit is contained in:
Nicolás Quiroz 2023-03-16 16:13:59 -03:00 committed by GitHub
parent 585658d080
commit 9b106c3a7e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 41 additions and 34 deletions

View file

@ -194,7 +194,7 @@ Returns a list of the last 'bad blocks' that the client has seen on the network
Retrieves and returns the RLP encoded block by number. Retrieves and returns the RLP encoded block by number.
| Client | Method invocation | | Client | Method invocation |
| :------ | ----------------------------------------------------- | | :------ | ------------------------------------------------------------ |
| Go | `debug.getRawBlock(blockNrOrHash) (string, error)` | | Go | `debug.getRawBlock(blockNrOrHash) (string, error)` |
| Console | `debug.getBlockRlp(blockNrOrHash)` | | Console | `debug.getBlockRlp(blockNrOrHash)` |
| RPC | `{"method": "debug_getRawBlock", "params": [blockNrOrHash]}` | | RPC | `{"method": "debug_getRawBlock", "params": [blockNrOrHash]}` |
@ -206,7 +206,7 @@ References: [RLP](https://ethereum.org/en/developers/docs/data-structures-and-en
Returns an RLP-encoded header. Returns an RLP-encoded header.
| Client | Method invocation | | Client | Method invocation |
| :------ | --------------------------------------------------- | | :------ | ------------------------------------------------------------- |
| Console | `debug.getRawHeader(blockNrOrHash)` | | Console | `debug.getRawHeader(blockNrOrHash)` |
| RPC | `{"method": "debug_getRawHeader", "params": [blockNrOrHash]}` | | RPC | `{"method": "debug_getRawHeader", "params": [blockNrOrHash]}` |
@ -215,7 +215,7 @@ Returns an RLP-encoded header.
Returns the bytes of the transaction. Returns the bytes of the transaction.
| Client | Method invocation | | Client | Method invocation |
| :------ | --------------------------------------------------- | | :------ | -------------------------------------------------------------------- |
| Console | `debug.getRawTransaction(blockNrOrHash)` | | Console | `debug.getRawTransaction(blockNrOrHash)` |
| RPC | `{"method": "debug_getRawTransaction", "params": [transactionHash]}` | | RPC | `{"method": "debug_getRawTransaction", "params": [transactionHash]}` |

View file

@ -1,5 +1,5 @@
// Libraries // Libraries
import { Container } from '@chakra-ui/react'; import { Container, Flex, Stack } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
// Components // Components
@ -13,11 +13,16 @@ interface Props {
export const Layout: FC<Props> = ({ children }) => { export const Layout: FC<Props> = ({ children }) => {
return ( return (
<Container maxW={{ base: 'full', md: 'container.2xl' }} my={{ base: 4, md: 7 }}> <Container maxW={{ base: 'full', md: 'container.2xl' }} my={{ base: 4, md: 7 }}>
{/* adding min-height & top margin to keep footer at the bottom of the page */}
<Flex direction='column' minH='calc(100vh - 3.5rem)'>
<Header /> <Header />
{children} {children}
<Stack mt='auto'>
<Footer /> <Footer />
</Stack>
</Flex>
</Container> </Container>
); );
}; };

View file

@ -27,7 +27,8 @@
justify-content: space-between; justify-content: space-between;
} }
.DocSearch-Button-Placeholder, .DocSearch-Button-Keys { .DocSearch-Button-Placeholder,
.DocSearch-Button-Keys {
display: flex; display: flex;
} }
@ -174,7 +175,8 @@ svg[aria-label='Algolia'] * {
color: var(--chakra-colors-bg); color: var(--chakra-colors-bg);
} }
.DocSearch-Button-Placeholder, .DocSearch-Button-Keys { .DocSearch-Button-Placeholder,
.DocSearch-Button-Keys {
display: none; display: none;
} }