font-size class fix
This commit is contained in:
parent
adb142ddbe
commit
5accf79de5
|
@ -13,7 +13,6 @@ import MenuItem from './MenuItem'
|
||||||
import ThemeSwitch from './ThemeSwitch'
|
import ThemeSwitch from './ThemeSwitch'
|
||||||
import WalletIcon from './WalletIcon'
|
import WalletIcon from './WalletIcon'
|
||||||
import UiLock from './UiLock'
|
import UiLock from './UiLock'
|
||||||
import DropMenu from './DropMenu'
|
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import WalletSelect from './WalletSelect'
|
import WalletSelect from './WalletSelect'
|
||||||
import useMangoStore from '../stores/useMangoStore'
|
import useMangoStore from '../stores/useMangoStore'
|
||||||
|
@ -27,6 +26,10 @@ const Code = styled.code`
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
`
|
`
|
||||||
|
|
||||||
|
const StyledWalletTypeLabel = styled.div`
|
||||||
|
font-size: 0.6rem;
|
||||||
|
`
|
||||||
|
|
||||||
const TopBar = () => {
|
const TopBar = () => {
|
||||||
const { asPath } = useRouter()
|
const { asPath } = useRouter()
|
||||||
const connected = useMangoStore((s) => s.wallet.connected)
|
const connected = useMangoStore((s) => s.wallet.connected)
|
||||||
|
@ -144,11 +147,11 @@ const TopBar = () => {
|
||||||
<WalletIcon className="w-5 h-5 mr-3 fill-current" />
|
<WalletIcon className="w-5 h-5 mr-3 fill-current" />
|
||||||
<div>
|
<div>
|
||||||
Connect Wallet
|
Connect Wallet
|
||||||
<div className="text-xxs font-normal text-th-fgd-1 text-left leading-3">
|
<StyledWalletTypeLabel className="font-normal text-th-fgd-1 text-left leading-3">
|
||||||
{WALLET_PROVIDERS.filter(
|
{WALLET_PROVIDERS.filter(
|
||||||
(p) => p.url === savedProviderUrl
|
(p) => p.url === savedProviderUrl
|
||||||
).map(({ name }) => name)}
|
).map(({ name }) => name)}
|
||||||
</div>
|
</StyledWalletTypeLabel>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -94,20 +94,6 @@ module.exports = {
|
||||||
'th-green': 'var(--green)',
|
'th-green': 'var(--green)',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
fontSize: {
|
|
||||||
xxs: '.6rem',
|
|
||||||
// 'sm': '.875rem',
|
|
||||||
// 'tiny': '.875rem',
|
|
||||||
// 'base': '1rem',
|
|
||||||
// 'lg': '1.125rem',
|
|
||||||
// 'xl': '1.25rem',
|
|
||||||
// '2xl': '1.5rem',
|
|
||||||
// '3xl': '1.875rem',
|
|
||||||
// '4xl': '2.25rem',
|
|
||||||
// '5xl': '3rem',
|
|
||||||
// '6xl': '4rem',
|
|
||||||
// '7xl': '5rem',
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
variants: {
|
variants: {
|
||||||
extend: {
|
extend: {
|
||||||
|
|
Loading…
Reference in New Issue