blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

remove expanded font

This commit is contained in:
saml33 2022-12-13 16:20:45 +11:00
parent 3fd01ddbeb
commit ece65c9b7d
8 changed files with 20 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/UserSetup.tsx
View File

@ -244,7 +244,7 @@ const UserSetup = ({ onClose }: { onClose: () => void }) => {
</div> </div>
<div className="col-span-1 flex flex-col items-center justify-center p-6 pt-24"> <div className="col-span-1 flex flex-col items-center justify-center p-6 pt-24">
<UserSetupTransition show={showSetupStep === 0}> <UserSetupTransition show={showSetupStep === 0}>
<h2 className="mb-4 font-display text-5xl tracking-normal lg:text-6xl"> <h2 className="mb-4 text-5xl font-bold tracking-normal lg:text-6xl">
{t('onboarding:intro-heading')} {t('onboarding:intro-heading')}
</h2> </h2>
<p className="mb-4 text-base">{t('onboarding:intro-desc')}</p> <p className="mb-4 text-base">{t('onboarding:intro-desc')}</p>
@ -280,7 +280,7 @@ const UserSetup = ({ onClose }: { onClose: () => void }) => {
<UserSetupTransition delay show={showSetupStep === 1}> <UserSetupTransition delay show={showSetupStep === 1}>
{showSetupStep === 1 ? ( {showSetupStep === 1 ? (
<div> <div>
<h2 className="mb-6 font-display text-5xl tracking-normal lg:text-6xl"> <h2 className="mb-6 text-5xl font-bold tracking-normal lg:text-6xl">
{t('onboarding:connect-wallet')} {t('onboarding:connect-wallet')}
</h2> </h2>
<p className="mb-2 text-base">{t('onboarding:choose-wallet')}</p> <p className="mb-2 text-base">{t('onboarding:choose-wallet')}</p>
@ -333,7 +333,7 @@ const UserSetup = ({ onClose }: { onClose: () => void }) => {
{showSetupStep === 2 ? ( {showSetupStep === 2 ? (
<div> <div>
<div className="pb-6"> <div className="pb-6">
<h2 className="mb-4 font-display text-5xl tracking-normal lg:text-6xl"> <h2 className="mb-4 text-5xl font-bold tracking-normal lg:text-6xl">
{t('onboarding:create-account')} {t('onboarding:create-account')}
</h2> </h2>
<p className="text-base"> <p className="text-base">
@ -386,7 +386,7 @@ const UserSetup = ({ onClose }: { onClose: () => void }) => {
<UserSetupTransition delay show={showSetupStep === 3}> <UserSetupTransition delay show={showSetupStep === 3}>
{showSetupStep === 3 ? ( {showSetupStep === 3 ? (
<div className="relative"> <div className="relative">
<h2 className="mb-6 font-display text-5xl tracking-normal lg:text-6xl"> <h2 className="mb-6 text-5xl font-bold tracking-normal lg:text-6xl">
{t('onboarding:fund-account')} {t('onboarding:fund-account')}
</h2> </h2>
<UserSetupTransition show={depositToken.length > 0}> <UserSetupTransition show={depositToken.length > 0}>
@ -542,7 +542,7 @@ const UserSetup = ({ onClose }: { onClose: () => void }) => {
<UserSetupTransition delay show={showSetupStep === 4}> <UserSetupTransition delay show={showSetupStep === 4}>
{showSetupStep === 4 ? ( {showSetupStep === 4 ? (
<div className="relative"> <div className="relative">
<h2 className="mb-4 font-display text-5xl tracking-normal lg:text-6xl"> <h2 className="mb-4 text-5xl font-bold tracking-normal lg:text-6xl">
{t('onboarding:your-profile')} {t('onboarding:your-profile')}
</h2> </h2>
<p className="text-base">{t('onboarding:profile-desc')}</p> <p className="text-base">{t('onboarding:profile-desc')}</p>
@ -595,7 +595,7 @@ const UserSetupTransition = ({
return ( return (
<Transition <Transition
appear appear
className="h-full w-full max-w-lg" className="h-full w-full max-w-md"
show={show} show={show}
enter={`transition ease-in duration-300 ${delay ? 'delay-300' : ''}`} enter={`transition ease-in duration-300 ${delay ? 'delay-300' : ''}`}
enterFrom="opacity-0" enterFrom="opacity-0"

6
components/account/AccountPage.tsx
View File

@ -234,12 +234,12 @@ const AccountPage = () => {
{t('account-value')} {t('account-value')}
</p> </p>
</Tooltip> </Tooltip>
<div className="mb-2 flex items-center font-display text-5xl text-th-fgd-1"> <div className="mb-2 flex items-center text-5xl font-bold text-th-fgd-1">
{animationSettings['number-scroll'] ? ( {animationSettings['number-scroll'] ? (
group && mangoAccount ? ( group && mangoAccount ? (
<FlipNumbers <FlipNumbers
height={48} height={48}
width={38} width={32}
play play
delay={0.05} delay={0.05}
duration={1} duration={1}
@ -248,7 +248,7 @@ const AccountPage = () => {
) : ( ) : (
<FlipNumbers <FlipNumbers
height={48} height={48}
width={38} width={32}
play play
delay={0.05} delay={0.05}
duration={1} duration={1}

4
components/shared/DetailedAreaChart.tsx
View File

@ -139,7 +139,7 @@ const DetailedAreaChart: FunctionComponent<DetailedAreaChartProps> = ({
{animationSettings['number-scroll'] ? ( {animationSettings['number-scroll'] ? (
<FlipNumbers <FlipNumbers
height={small ? 24 : 40} height={small ? 24 : 40}
width={small ? 18 : 31} width={small ? 15 : 26}
play play
numbers={ numbers={
prefix + prefix +
@ -184,7 +184,7 @@ const DetailedAreaChart: FunctionComponent<DetailedAreaChartProps> = ({
{animationSettings['number-scroll'] ? ( {animationSettings['number-scroll'] ? (
<FlipNumbers <FlipNumbers
height={small ? 24 : 40} height={small ? 24 : 40}
width={small ? 18 : 31} width={small ? 15 : 26}
play play
numbers={ numbers={
prefix + prefix +

8
components/swap/SwapTokenChart.tsx
View File

@ -182,11 +182,11 @@ const SwapTokenChart = () => {
) : null} ) : null}
{mouseData ? ( {mouseData ? (
<> <>
<div className="mb-1 flex flex-col font-display text-5xl text-th-fgd-1 md:flex-row md:items-end"> <div className="mb-1 flex flex-col font-body text-5xl font-bold text-th-fgd-1 md:flex-row md:items-end">
{animationSettings['number-scroll'] ? ( {animationSettings['number-scroll'] ? (
<FlipNumbers <FlipNumbers
height={48} height={48}
width={38} width={32}
play play
numbers={formatFixedDecimals(mouseData['price'])} numbers={formatFixedDecimals(mouseData['price'])}
/> />
@ -205,11 +205,11 @@ const SwapTokenChart = () => {
</> </>
) : ( ) : (
<> <>
<div className="mb-1 flex flex-col font-display text-5xl text-th-fgd-1 md:flex-row md:items-end"> <div className="mb-1 flex flex-col text-5xl font-bold text-th-fgd-1 md:flex-row md:items-end">
{animationSettings['number-scroll'] ? ( {animationSettings['number-scroll'] ? (
<FlipNumbers <FlipNumbers
height={48} height={48}
width={38} width={32}
play play
numbers={formatFixedDecimals( numbers={formatFixedDecimals(
chartData[chartData.length - 1]['price'] chartData[chartData.length - 1]['price']

4
components/token/TokenPage.tsx
View File

@ -116,11 +116,11 @@ const TokenPage = () => {
<h1 className="text-base font-normal">{bank.name}</h1> <h1 className="text-base font-normal">{bank.name}</h1>
)} )}
</div> </div>
<div className="flex items-end space-x-3 font-display text-5xl text-th-fgd-1"> <div className="flex items-end space-x-3 text-5xl font-bold text-th-fgd-1">
{animationSettings['number-scroll'] ? ( {animationSettings['number-scroll'] ? (
<FlipNumbers <FlipNumbers
height={48} height={48}
width={38} width={32}
play play
delay={0.05} delay={0.05}
duration={1} duration={1}

BIN
public/fonts/TT_Commons_Pro_Expanded_Bold.woff2
View File

Binary file not shown.

9
styles/globals.css
View File

@ -2,20 +2,15 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
/* @font-face {
font-family: 'Roboto Mono';
src: url('/fonts/roboto.woff');
} */
@font-face { @font-face {
font-family: 'TT Mono'; font-family: 'TT Mono';
src: url('/fonts/TT_Commons_Pro_Mono_Regular.woff2') format('woff2'); src: url('/fonts/TT_Commons_Pro_Mono_Regular.woff2') format('woff2');
} }
@font-face { /* @font-face {
font-family: 'TT Expanded Bold'; font-family: 'TT Expanded Bold';
src: url('/fonts/TT_Commons_Pro_Expanded_Bold.woff2') format('woff2'); src: url('/fonts/TT_Commons_Pro_Expanded_Bold.woff2') format('woff2');
} } */
@font-face { @font-face {
font-family: 'TT Commons'; font-family: 'TT Commons';

2
tailwind.config.js
View File

@ -5,7 +5,7 @@ module.exports = {
], ],
theme: { theme: {
fontFamily: { fontFamily: {
display: ['TT Expanded Bold, sans-serif'], // display: ['TT Expanded Bold, sans-serif'],
body: 'TT Commons, sans-serif', body: 'TT Commons, sans-serif',
mono: ['TT Mono, mono'], mono: ['TT Mono, mono'],
}, },