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}
+
);
}