ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved footer

This commit is contained in:
keyan 2021-06-02 19:31:07 -04:00
parent 4d161a8092
commit b6d9c65392
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/footer.js
View File

@ -1,5 +1,6 @@
import { useQuery } from '@apollo/client' import { useQuery } from '@apollo/client'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import { Container } from 'react-bootstrap'
import { CopyInput } from './form' import { CopyInput } from './form'
export default function Footer () { export default function Footer () {
@ -13,19 +14,21 @@ export default function Footer () {
return ( return (
<footer> <footer>
{data {data &&
? ( <Container>
<div className='d-flex align-items-center text-small my-3'> <div
className='d-flex align-items-center text-small my-3 mx-auto w-100'
style={{ maxWidth: '500px' }}
>
<span className='nav-item text-muted mr-2'>connect:</span> <span className='nav-item text-muted mr-2'>connect:</span>
<CopyInput <CopyInput
size='sm' size='sm'
groupClassName='mb-0' groupClassName='mb-0 w-100'
readOnly readOnly
placeholder={data.connectAddress} placeholder={data.connectAddress}
/> />
</div> </div>
) </Container>}
: 'loading'}
</footer> </footer>
) )
} }