small UI fixes
Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
This commit is contained in:
parent
3316f7640e
commit
66238837c0
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "ghost-dao-interface",
|
"name": "ghost-dao-interface",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.5.39",
|
"version": "0.5.40",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { CheckBoxOutlineBlank, CheckBoxOutlined } from "@mui/icons-material";
|
import { CheckBoxOutlineBlank, CheckBoxOutlined } from "@mui/icons-material";
|
||||||
import { Box, Checkbox, FormControlLabel } from "@mui/material";
|
import { Box, Checkbox, FormControlLabel, useMediaQuery } from "@mui/material";
|
||||||
import { useState, useMemo } from "react";
|
import { useState, useMemo } from "react";
|
||||||
import { useLocation } from "react-router-dom";
|
import { useLocation } from "react-router-dom";
|
||||||
|
|
||||||
@ -32,6 +32,8 @@ const BondInputArea = ({
|
|||||||
address,
|
address,
|
||||||
connect
|
connect
|
||||||
}) => {
|
}) => {
|
||||||
|
const isSemiSmallScreen = useMediaQuery("(max-width: 480px)");
|
||||||
|
const isVerySmallScreen = useMediaQuery("(max-width: 379px)");
|
||||||
const { pathname } = useLocation();
|
const { pathname } = useLocation();
|
||||||
|
|
||||||
const { currentIndex } = useCurrentIndex(chainId);
|
const { currentIndex } = useCurrentIndex(chainId);
|
||||||
@ -95,7 +97,7 @@ const BondInputArea = ({
|
|||||||
UpperSwapCard={
|
UpperSwapCard={
|
||||||
<SwapCard
|
<SwapCard
|
||||||
maxWidth="476px"
|
maxWidth="476px"
|
||||||
inputWidth="280px"
|
inputWidth={isVerySmallScreen ? "100px" : isSemiSmallScreen ? "180px" : "250px"}
|
||||||
id="from"
|
id="from"
|
||||||
token={<TokenStack tokens={bond.quoteToken.icons} sx={{ fontSize: "21px" }} />}
|
token={<TokenStack tokens={bond.quoteToken.icons} sx={{ fontSize: "21px" }} />}
|
||||||
tokenName={bond.quoteToken.name}
|
tokenName={bond.quoteToken.name}
|
||||||
@ -110,7 +112,7 @@ const BondInputArea = ({
|
|||||||
LowerSwapCard={
|
LowerSwapCard={
|
||||||
<SwapCard
|
<SwapCard
|
||||||
maxWidth="476px"
|
maxWidth="476px"
|
||||||
inputWidth="280px"
|
inputWidth={isVerySmallScreen ? "100px" : isSemiSmallScreen ? "180px" : "250px"}
|
||||||
id="to"
|
id="to"
|
||||||
token={<TokenStack tokens={bond.baseToken.icons} sx={{ fontSize: "21px" }} />}
|
token={<TokenStack tokens={bond.baseToken.icons} sx={{ fontSize: "21px" }} />}
|
||||||
tokenName={bond.baseToken.name}
|
tokenName={bond.baseToken.name}
|
||||||
|
|||||||
@ -222,7 +222,7 @@ const IntervalsArguments = ({
|
|||||||
/>
|
/>
|
||||||
<ArgumentInput
|
<ArgumentInput
|
||||||
endString="seconds"
|
endString="seconds"
|
||||||
label="_intervals[0]"
|
label="_intervals[1]"
|
||||||
value={tuneInterval ?? ""}
|
value={tuneInterval ?? ""}
|
||||||
setValue={setTuneInterval}
|
setValue={setTuneInterval}
|
||||||
tooltip="Time in seconds between bond price tuning events that evaluate actual vs. expected bond sales, adjusting how aggressively price decays in the next interval."
|
tooltip="Time in seconds between bond price tuning events that evaluate actual vs. expected bond sales, adjusting how aggressively price decays in the next interval."
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user