b2f0236ee8
* give add liquidity the reducer treatment rename setDefaultsFromURL to setDefaultsFromURLSearch * fix tests and crash * rework DOM structure to make flow more natural * allow slippage + deadline setting in add liquidity * disable token selection in mint clear input between pairs
27 lines
703 B
TypeScript
27 lines
703 B
TypeScript
import React from 'react'
|
|
import styled from 'styled-components'
|
|
import NavigationTabs from '../components/NavigationTabs'
|
|
|
|
const Body = styled.div`
|
|
position: relative;
|
|
max-width: 420px;
|
|
width: 100%;
|
|
background: ${({ theme }) => theme.bg1};
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04),
|
|
0px 24px 32px rgba(0, 0, 0, 0.01);
|
|
border-radius: 30px;
|
|
padding: 1rem;
|
|
`
|
|
|
|
/**
|
|
* The styled container element that wraps the content of most pages and the tabs.
|
|
*/
|
|
export default function AppBody({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<Body>
|
|
<NavigationTabs />
|
|
<>{children}</>
|
|
</Body>
|
|
)
|
|
}
|