diff --git a/src/components/LoanInfoLine/index.tsx b/src/components/LoanInfoLine/index.tsx
index 2fdd832..f896743 100644
--- a/src/components/LoanInfoLine/index.tsx
+++ b/src/components/LoanInfoLine/index.tsx
@@ -1,4 +1,4 @@
-import { Card, Statistic } from "antd";
+import { Card, Col, Row, Statistic } from "antd";
import {
formatNumber,
formatPct,
@@ -13,6 +13,7 @@ import {
} from "../../hooks";
import { useMint } from "../../contexts/accounts";
import { calculateBorrowAPY, collateralToLiquidity } from "../../models";
+import { GUTTER } from "../../constants";
export const LoanInfoLine = (props: {
className?: string;
@@ -46,43 +47,56 @@ export const LoanInfoLine = (props: {
const collateral = fromLamports(collateralLamports, collateralMint);
return (
-
- (
-
-
- {formatNumber.format(borrowAmount)} {repayName}
-
-
- ${formatNumber.format(parseFloat(val.toString()))}
-
-
- )}
- />
- (
-
-
- {formatNumber.format(collateral)} {withdrawName}
-
-
- ${formatNumber.format(parseFloat(val.toString()))}
-
-
- )}
- />
-
-
-
+
+
+
+ (
+
+
+ {formatNumber.format(borrowAmount)} {repayName}
+
+
+ ${formatNumber.format(parseFloat(val.toString()))}
+
+
+ )}
+ />
+
+
+
+
+ (
+
+
+ {formatNumber.format(collateral)} {withdrawName}
+
+
+ ${formatNumber.format(parseFloat(val.toString()))}
+
+
+ )}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
);
};
diff --git a/src/views/liquidateReserve/index.tsx b/src/views/liquidateReserve/index.tsx
index 652dc79..b722035 100644
--- a/src/views/liquidateReserve/index.tsx
+++ b/src/views/liquidateReserve/index.tsx
@@ -11,6 +11,9 @@ import { LoanInfoLine } from "../../components/LoanInfoLine";
import { LiquidateInput } from "../../components/LiquidateInput";
import "./style.less";
+import { Col, Row } from "antd";
+import { GUTTER } from "../../constants";
+import { BorrowInput } from "../../components/BorrowInput";
export const LiquidateReserveView = () => {
const { id } = useParams<{ id: string }>();
@@ -25,24 +28,25 @@ export const LiquidateReserveView = () => {
}
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
);
};