From d764b111228c457957012cd75f40fcd3c58b99ed Mon Sep 17 00:00:00 2001 From: fmtabbara Date: Sat, 20 Nov 2021 21:24:30 +0000 Subject: [PATCH] responsive tweaks --- testnet-faucet/src/App.tsx | 4 ++-- testnet-faucet/src/components/balance.tsx | 2 +- testnet-faucet/src/components/heading.tsx | 13 ++++++++----- testnet-faucet/src/index.html | 1 + 4 files changed, 12 insertions(+), 8 deletions(-) diff --git a/testnet-faucet/src/App.tsx b/testnet-faucet/src/App.tsx index c08524f7e2..bc43e5059f 100644 --- a/testnet-faucet/src/App.tsx +++ b/testnet-faucet/src/App.tsx @@ -2,7 +2,7 @@ import { AppBar, Container, Toolbar } from '@mui/material' import logo from './images/nym-logo.svg' import { NymThemeProvider } from './theme' import { Form } from './components/form' -import { Heading } from './components/heading' +import { Header } from './components/heading' import { GlobalContextProvider } from './context' export const App = () => { @@ -25,7 +25,7 @@ export const App = () => { - +
diff --git a/testnet-faucet/src/components/balance.tsx b/testnet-faucet/src/components/balance.tsx index 95ef152e49..b705953724 100644 --- a/testnet-faucet/src/components/balance.tsx +++ b/testnet-faucet/src/components/balance.tsx @@ -14,7 +14,7 @@ export const Balance = ({ balance }: { balance: string }) => { - The total number of tokens available is currently{' '} + The total number of available tokens is currently{' '} { +export const Header = () => { + const matches = useMediaQuery('(min-width: 500px)') return ( Nym token faucet - - Tokens to your address - + {matches && ( + + Tokens to your address + + )} ) } diff --git a/testnet-faucet/src/index.html b/testnet-faucet/src/index.html index 063b0feadf..15257e9987 100644 --- a/testnet-faucet/src/index.html +++ b/testnet-faucet/src/index.html @@ -2,6 +2,7 @@ + Nym Testnet Faucet