From b1d892d0aeb628294fdea5d0ac699195d46a7a67 Mon Sep 17 00:00:00 2001 From: saml33 Date: Mon, 25 Sep 2023 23:48:39 +1000 Subject: [PATCH] more styling --- components/Layout.tsx | 6 +- components/NavTabs.tsx | 4 +- components/Positions.tsx | 14 +- components/Stake.tsx | 13 +- components/StakeForm.tsx | 14 +- components/SunburstBackground.tsx | 22 + components/TokenButton.tsx | 38 +- components/TopBar.tsx | 60 +- components/UnstakeForm.tsx | 7 +- components/forms/ButtonGroup.tsx | 26 +- components/shared/BankAmountWithValue.tsx | 2 +- components/shared/Button.tsx | 4 +- components/shared/MaxAmountButton.tsx | 2 +- components/shared/TabUnderline.tsx | 20 +- components/wallet/ConnectWalletButton.tsx | 4 +- components/wallet/ConnectedMenu.tsx | 8 +- public/logos/boost.svg | 1671 +-------------------- styles/globals.css | 31 +- tailwind.config.js | 42 +- utils/fonts.ts | 14 +- utils/theme.ts | 8 +- 21 files changed, 191 insertions(+), 1819 deletions(-) create mode 100644 components/SunburstBackground.tsx diff --git a/components/Layout.tsx b/components/Layout.tsx index 860cabc..6bbf216 100644 --- a/components/Layout.tsx +++ b/components/Layout.tsx @@ -9,6 +9,7 @@ import useInterval from './shared/useInterval' import { Transition } from '@headlessui/react' import { useTranslation } from 'next-i18next' import TermsOfUseModal from './modals/TermsOfUseModal' +import SunburstBackground from './SunburstBackground' export const sideBarAnimationDuration = 300 const termsLastUpdated = 1679441610978 @@ -22,10 +23,11 @@ const Layout = ({ children }: { children: ReactNode }) => { return (
+
-
+
diff --git a/components/NavTabs.tsx b/components/NavTabs.tsx index 107084a..c9241ee 100644 --- a/components/NavTabs.tsx +++ b/components/NavTabs.tsx @@ -17,9 +17,9 @@ const NavTabs = ({ <> {values.map((value, i) => (
-

- {formatTokenSymbol(bank.name)} -

+

{formatTokenSymbol(bank.name)}

Position Size

- + {' '} {formatTokenSymbol(bank.name)}

Est. APY

- + {loadingRates ? (
@@ -137,19 +135,19 @@ const Positions = ({

Leverage

- + {balance ? '3x' : '0x'}

Earned

- + {balance ? '3.321 SOL' : '0 SOL'}

Liquidation Price

- + {balance ? '1.234' : '0'}{' '} {`${formatTokenSymbol(bank.name)}/SOL`} diff --git a/components/Stake.tsx b/components/Stake.tsx index f1bbd59..299b871 100644 --- a/components/Stake.tsx +++ b/components/Stake.tsx @@ -22,7 +22,7 @@ const Stake = () => { return ( <> -
+
{STAKEABLE_TOKENS.map((token) => ( { ))}
- {/*
*/}
@@ -63,10 +60,10 @@ const Stake = () => {
{activeFormTab === 'Add' ? (
-