) {
props.spacingClassName ?? 'px-4 py-3',
header.column.getCanSort() && 'hover:cursor-pointer',
header.id === 'symbol' || header.id === 'name' ? 'text-left' : 'text-right',
- 'w-min',
header.column.columnDef.meta?.className,
)}
>
diff --git a/src/components/earn/lend/Table/Columns/Apy.tsx b/src/components/earn/lend/Table/Columns/Apy.tsx
index 1292c53e..5f827236 100644
--- a/src/components/earn/lend/Table/Columns/Apy.tsx
+++ b/src/components/earn/lend/Table/Columns/Apy.tsx
@@ -1,7 +1,7 @@
import AssetRate from 'components/common/assets/AssetRate'
import Loading from 'components/common/Loading'
-export const APY_META = { accessorKey: 'apy.deposit', header: 'APY', meta: { className: 'w-40' } }
+export const APY_META = { accessorKey: 'apy.deposit', header: 'APY' }
interface Props {
apy: number
diff --git a/src/constants/pageMetadata.ts b/src/constants/pageMetadata.ts
index a212f879..86344373 100644
--- a/src/constants/pageMetadata.ts
+++ b/src/constants/pageMetadata.ts
@@ -47,6 +47,11 @@ const PAGE_METADATA = {
'Stake MARS token to ascend to the Martian Council and help govern key changes to the protocol.',
keywords: 'martian council, mars governance, cosmos governance, mars voting, mars staking',
},
+ v1: {
+ title: 'Mars Protocol V1',
+ description: "Lend, borrow and earn on the galaxy's most powerful credit protocol.",
+ keywords: 'martian council, mars governance, cosmos governance, mars voting, mars staking',
+ },
}
export default PAGE_METADATA
diff --git a/src/pages/V1Page.tsx b/src/pages/V1Page.tsx
index f6fb5330..9ca42fb5 100644
--- a/src/pages/V1Page.tsx
+++ b/src/pages/V1Page.tsx
@@ -12,8 +12,10 @@ export default function V1Page() {
{address && }
-
-
+
+
+
+
)
}
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index b3987684..72cb6af9 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -26,6 +26,8 @@ interface Props {
}
function PageContainer(props: Props) {
+ const isV1 = useStore((s) => s.isV1)
+
if (isMobile) return props.children
if (!props.focusComponent)
@@ -33,7 +35,8 @@ function PageContainer(props: Props) {
{props.children}
diff --git a/tailwind.config.js b/tailwind.config.js
index 1bc2f416..6a9d67ff 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -102,7 +102,6 @@ module.exports = {
axlusdc: '#478edc',
body: '#0D0012',
'body-hls': '#090000',
- 'body-v1': '#10000a',
'body-dark': '#141621',
chart: '#220e1d',
error: '#F04438',
@@ -124,13 +123,10 @@ module.exports = {
osmo: '#9f1ab9',
'orb-primary': '#b12f25',
'orb-primary-hls': '#FF645F',
- 'orb-primary-v1': '#612e4d',
'orb-secondary': '#530781',
'orb-secondary-hls': '#a03b45',
- 'orb-secondary-v1': '#692f55',
'orb-tertiary': '#ff00c7',
'orb-tertiary-hls': '#FB9562',
- 'orb-tertiary-v1': '#993878',
profit: '#4CA30D',
primary: '#FF625E',
secondary: '#FB9562',
@@ -244,6 +240,7 @@ module.exports = {
},
maxWidth: {
content: '1024px',
+ v1: '1248px',
modal: '895px',
'modal-md': '556px',
'modal-sm': '526px',
@@ -263,7 +260,7 @@ module.exports = {
screens: {
sm: '480px',
md: '720px',
- lg: '1024px',
+ lg: '1280px',
xl: '1280px',
'2xl': '1920px',
},
@@ -508,6 +505,12 @@ module.exports = {
textTransform: 'uppercase',
letterSpacing: '9px',
},
+ '.bg-v1': {
+ backgroundImage: 'url(/images/bg-v1.svg)',
+ backgroundRepeat: 'no-repeat',
+ backgroundSize: '100% auto',
+ backgroundPosition: 'top',
+ },
})
}),
plugin(({ matchUtilities, theme }) => {