diff --git a/src/components/LiquidateInput/style.less b/src/components/LiquidateInput/style.less
index e79e00e..a1ae361 100644
--- a/src/components/LiquidateInput/style.less
+++ b/src/components/LiquidateInput/style.less
@@ -1,3 +1,8 @@
+@import "~antd/dist/antd.dark.less";
+
.liquidate-input-title {
font-size: 1.05rem;
+ margin-top: 15px;
+ margin-bottom: 15px;
+ color: @text-color-secondary;
}
\ No newline at end of file
diff --git a/src/components/RepayInput/index.tsx b/src/components/RepayInput/index.tsx
index 315ee2f..6c759b8 100644
--- a/src/components/RepayInput/index.tsx
+++ b/src/components/RepayInput/index.tsx
@@ -132,7 +132,7 @@ export const RepayInput = (props: {
useEffect(() => {
if (collateralReserve && lastTyped === "repay") {
const collateralInQuote = obligation.info.collateralInQuote;
- const collateral = collateralInQuote * collateralPrice;
+ const collateral = collateralInQuote / collateralPrice;
if (value) {
const borrowRatio = (parseFloat(value) / borrowAmount) * 100;
const collateralAmount = (borrowRatio * collateral) / 100;
@@ -153,7 +153,7 @@ export const RepayInput = (props: {
useEffect(() => {
if (collateralReserve && lastTyped === "collateral") {
const collateralInQuote = obligation.info.collateralInQuote;
- const collateral = collateralInQuote * collateralPrice;
+ const collateral = collateralInQuote / collateralPrice;
if (collateralValue) {
const collateralRatio =
(parseFloat(collateralValue) / collateral) * 100;
@@ -193,6 +193,7 @@ export const RepayInput = (props: {
justifyContent: "space-around",
}}
>
+
{LABELS.REPAY_QUESTION}
{
diff --git a/src/views/dashboard/style.less b/src/views/dashboard/style.less
index 496b127..8dd051d 100644
--- a/src/views/dashboard/style.less
+++ b/src/views/dashboard/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import '~antd/es/style/themes/dark.less';
.dashboard-item {
display: flex;
@@ -21,7 +21,7 @@
flex: 200px
}
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid @border-color-split;
}
.dashboard-title {
diff --git a/src/views/deposit/view/itemStyle.less b/src/views/deposit/view/itemStyle.less
index ba7c116..a70b3ea 100644
--- a/src/views/deposit/view/itemStyle.less
+++ b/src/views/deposit/view/itemStyle.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import '~antd/es/style/themes/dark.less';
.deposit-item {
display: flex;
@@ -16,7 +16,7 @@
flex: 80px
}
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid @border-color-split;
}
.deposit-header {
diff --git a/src/views/home/index.tsx b/src/views/home/index.tsx
index 0c7ffc2..6c3e636 100644
--- a/src/views/home/index.tsx
+++ b/src/views/home/index.tsx
@@ -95,7 +95,7 @@ export const HomeView = () => {
title="Current market size"
value={totals.marketSize}
precision={2}
- valueStyle={{ color: "#3f8600" }}
+ valueStyle={{ color: "#3fBB00" }}
prefix="$"
/>
diff --git a/src/views/home/itemStyle.less b/src/views/home/itemStyle.less
index d07a32d..eea3fcf 100644
--- a/src/views/home/itemStyle.less
+++ b/src/views/home/itemStyle.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import '~antd/es/style/themes/dark.less';
.home-item {
display: flex;
@@ -16,7 +16,7 @@
flex: 80px
}
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid @border-color-split;
}
.home-header {
diff --git a/src/views/liquidate/index.tsx b/src/views/liquidate/index.tsx
index 677eff6..ed275d3 100644
--- a/src/views/liquidate/index.tsx
+++ b/src/views/liquidate/index.tsx
@@ -56,7 +56,7 @@ export const LiquidateView = () => {
title="Value at risk"
value={valueAtRisk}
precision={2}
- valueStyle={{ color: "#3f8600" }}
+ valueStyle={{ color: "#3fBB00" }}
prefix="$"
/>
diff --git a/src/views/liquidate/style.less b/src/views/liquidate/style.less
index b4d6cbe..75c3a16 100644
--- a/src/views/liquidate/style.less
+++ b/src/views/liquidate/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import '~antd/es/style/themes/dark.less';
.liquidate-item {
display: flex;
@@ -16,7 +16,7 @@
flex: 80px
}
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid @border-color-split;
}
.liquidate-header {
diff --git a/src/views/margin/itemStyle.less b/src/views/margin/itemStyle.less
index 4d15206..de9ae5f 100644
--- a/src/views/margin/itemStyle.less
+++ b/src/views/margin/itemStyle.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import '~antd/es/style/themes/dark.less';
.choose-margin-item {
display: flex;
@@ -16,7 +16,7 @@
flex: 80px;
}
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid @border-color-split;
}
.choose-margin-header {
diff --git a/src/views/margin/style.less b/src/views/margin/style.less
index f32f4d3..f3078a5 100644
--- a/src/views/margin/style.less
+++ b/src/views/margin/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import '~antd/es/style/themes/dark.less';
.trading-item {
display: flex;
justify-content: space-between;
@@ -19,7 +19,7 @@
flex: 300px;
}
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid @border-color-split;
}
.trading-header {
diff --git a/src/views/repayReserve/index.tsx b/src/views/repayReserve/index.tsx
index 8a07493..b16c9f0 100644
--- a/src/views/repayReserve/index.tsx
+++ b/src/views/repayReserve/index.tsx
@@ -69,7 +69,7 @@ export const RepayReserveView = () => {