diff --git a/web/cashtab/extension/public/manifest.json b/web/cashtab/extension/public/manifest.json --- a/web/cashtab/extension/public/manifest.json +++ b/web/cashtab/extension/public/manifest.json @@ -3,7 +3,7 @@ "name": "Cashtab", "description": "A browser-integrated BCHA wallet from Bitcoin ABC", - "version": "0.0.8", + "version": "0.0.9", "content_scripts": [ { "matches": ["file://*/*", "http://*/*", "https://*/*"], diff --git a/web/cashtab/extension/src/components/App.js b/web/cashtab/extension/src/components/App.js --- a/web/cashtab/extension/src/components/App.js +++ b/web/cashtab/extension/src/components/App.js @@ -7,8 +7,10 @@ FolderOpenFilled, CaretRightOutlined, SettingFilled, + AppstoreAddOutlined, } from '@ant-design/icons'; import Wallet from '@components/Wallet/Wallet'; +import Tokens from '@components/Tokens/Tokens'; import Send from '@components/Send/Send'; import SendToken from '@components/Send/SendToken'; import Configure from '@components/Configure/Configure'; @@ -63,6 +65,7 @@ `; const Footer = styled.div` + z-index: 2; background-color: ${props => props.theme.footer.background}; border-radius: 20px; position: fixed; @@ -89,9 +92,15 @@ cursor: pointer; padding: 24px 12px 12px 12px; margin: 0 28px; - @media (max-width: 360px) { + @media (max-width: 475px) { + margin: 0 20px; + } + @media (max-width: 420px) { margin: 0 12px; } + @media (max-width: 350px) { + margin: 0 8px; + } background-color: ${props => props.theme.footer.background}; border: none; font-size: 12px; @@ -208,6 +217,9 @@ + + + @@ -236,6 +248,14 @@ Wallet + history.push('/tokens')} + > + + Tokens + + history.push('/send')}