diff --git a/frontend/app/src/comps/Positions/PositionCardBorrow.tsx b/frontend/app/src/comps/Positions/PositionCardBorrow.tsx index b8bc6d0b3..9ecf6557b 100644 --- a/frontend/app/src/comps/Positions/PositionCardBorrow.tsx +++ b/frontend/app/src/comps/Positions/PositionCardBorrow.tsx @@ -12,7 +12,7 @@ import { HFlex, IconBorrow, StatusDot, TokenIcon } from "@liquity2/uikit"; import * as dn from "dnum"; import Link from "next/link"; import { PositionCard } from "./PositionCard"; -import { CardRow, CardRows, EditSquare } from "./shared"; +import { CardRow, CardRows } from "./shared"; export function PositionCardBorrow({ batchManager, @@ -71,19 +71,19 @@ export function PositionCardBorrow({ color: "positionContent", })} > -
- -
BOLD loan
{statusTag} } - contextual={} + contextual={ +
+ +
+ } main={{ value: ( diff --git a/frontend/app/src/comps/Positions/PositionCardEarn.tsx b/frontend/app/src/comps/Positions/PositionCardEarn.tsx index f90f8b250..53abc81f9 100644 --- a/frontend/app/src/comps/Positions/PositionCardEarn.tsx +++ b/frontend/app/src/comps/Positions/PositionCardEarn.tsx @@ -6,7 +6,7 @@ import { css } from "@/styled-system/css"; import { HFlex, IconEarn, TokenIcon } from "@liquity2/uikit"; import Link from "next/link"; import { PositionCard } from "./PositionCard"; -import { CardRow, CardRows, EditSquare } from "./shared"; +import { CardRow, CardRows } from "./shared"; export function PositionCardEarn({ owner, @@ -39,18 +39,18 @@ export function PositionCardEarn({ color: "positionContent", })} > -
- -
Earn position , ]} - contextual={} + contextual={ +
+ +
+ } main={{ value: ( diff --git a/frontend/app/src/comps/Positions/PositionCardLeverage.tsx b/frontend/app/src/comps/Positions/PositionCardLeverage.tsx index e353d74b4..2a0b2560a 100644 --- a/frontend/app/src/comps/Positions/PositionCardLeverage.tsx +++ b/frontend/app/src/comps/Positions/PositionCardLeverage.tsx @@ -11,7 +11,7 @@ import { HFlex, IconLeverage, StatusDot, TokenIcon, TOKENS_BY_SYMBOL } from "@li import * as dn from "dnum"; import Link from "next/link"; import { PositionCard } from "./PositionCard"; -import { CardRow, CardRows, EditSquare } from "./shared"; +import { CardRow, CardRows } from "./shared"; export function PositionCardLeverage({ borrowed, @@ -66,19 +66,19 @@ export function PositionCardLeverage({ color: "positionContent", })} > -
- -
Leverage loan
{statusTag} , ]} - contextual={} + contextual={ +
+ +
+ } main={{ value: ( diff --git a/frontend/app/src/comps/Positions/PositionCardStake.tsx b/frontend/app/src/comps/Positions/PositionCardStake.tsx index a859b21d1..75bf90980 100644 --- a/frontend/app/src/comps/Positions/PositionCardStake.tsx +++ b/frontend/app/src/comps/Positions/PositionCardStake.tsx @@ -5,7 +5,7 @@ import { css } from "@/styled-system/css"; import { HFlex, IconStake, TokenIcon } from "@liquity2/uikit"; import Link from "next/link"; import { PositionCard } from "./PositionCard"; -import { CardRow, CardRows, EditSquare } from "./shared"; +import { CardRow, CardRows } from "./shared"; export function PositionCardStake({ deposit, @@ -34,18 +34,18 @@ export function PositionCardStake({ color: "positionContent", })} > -
- -
LQTY stake , ]} - contextual={} + contextual={ +
+ +
+ } main={{ value: ( diff --git a/frontend/app/src/comps/Positions/Positions.tsx b/frontend/app/src/comps/Positions/Positions.tsx index 553a4230d..3f193e770 100644 --- a/frontend/app/src/comps/Positions/Positions.tsx +++ b/frontend/app/src/comps/Positions/Positions.tsx @@ -25,9 +25,11 @@ export function Positions({ columns, showNewPositionCard = true, title = (mode) => ( - mode === "actions" - ? content.home.openPositionTitle - : content.home.myPositionsTitle + mode === "loading" + ? " " + : mode === "positions" + ? content.home.myPositionsTitle + : content.home.openPositionTitle ), }: { address: null | Address; @@ -210,7 +212,7 @@ function PositionsGroup({ userSelect: "none", })} style={{ - paddingBottom: mode === "actions" ? 48 : 32, + paddingBottom: 32, }} onClick={onTitleClick} > diff --git a/frontend/app/src/comps/ProtocolStats/ProtocolStats.tsx b/frontend/app/src/comps/ProtocolStats/ProtocolStats.tsx index 0d58b8905..b0dac2f0d 100644 --- a/frontend/app/src/comps/ProtocolStats/ProtocolStats.tsx +++ b/frontend/app/src/comps/ProtocolStats/ProtocolStats.tsx @@ -47,7 +47,7 @@ export function ProtocolStats() { userSelect: "none", })} > - + TVL{" "} @@ -65,7 +65,7 @@ export function ProtocolStats() { return ( + @@ -126,7 +126,7 @@ function BorrowingRow({ className={css({ display: "flex", alignItems: "center", - gap: 8, + gap: 4, fontSize: 14, })} > @@ -148,7 +148,7 @@ function BorrowingRow({ className={css({ display: "flex", alignItems: "center", - gap: 8, + gap: 4, fontSize: 14, })} > @@ -215,7 +215,7 @@ function EarnRewardsRow({ className={css({ display: "flex", alignItems: "center", - gap: 8, + gap: 4, fontSize: 14, })} > diff --git a/frontend/app/src/screens/LeverageScreen/LeverageScreen.tsx b/frontend/app/src/screens/LeverageScreen/LeverageScreen.tsx index e13f9b731..c57fe3f0b 100644 --- a/frontend/app/src/screens/LeverageScreen/LeverageScreen.tsx +++ b/frontend/app/src/screens/LeverageScreen/LeverageScreen.tsx @@ -151,7 +151,7 @@ export function LeverageScreen() { loan: newLoan, }); - const leverageSlippageElements = useSlippageElements(leverageSlippage, hasDeposit); + const leverageSlippageElements = useSlippageElements(leverageSlippage, hasDeposit && account.isConnected); const hasAllowedSlippage = leverageSlippage.data && dn.lte(leverageSlippage.data, LEVERAGE_MAX_SLIPPAGE); diff --git a/frontend/uikit/src/Tabs/Tabs.tsx b/frontend/uikit/src/Tabs/Tabs.tsx index b062ccfd5..76d03420c 100644 --- a/frontend/uikit/src/Tabs/Tabs.tsx +++ b/frontend/uikit/src/Tabs/Tabs.tsx @@ -91,6 +91,7 @@ export function Tabs({ ? { container: { height: 32, + padding: 3, "--background": token("colors.controlSurface"), "--border": `1px solid ${token("colors.border")}`, borderRadius: 16, @@ -109,6 +110,7 @@ export function Tabs({ : { container: { height: 44, + padding: 4, "--background": token("colors.fieldSurface"), "--border": "0", borderRadius: 8, @@ -254,7 +256,13 @@ function Tab({ outlineOffset: compact ? 1 : -2, }} > - {label} +
+ {label} +
); }