small UI fixes

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
This commit is contained in:
Uncle Fatso 2026-03-05 13:38:13 +03:00
parent 3316f7640e
commit 66238837c0
Signed by: f4ts0
GPG Key ID: 565F4F2860226EBB
3 changed files with 7 additions and 5 deletions

View File

@ -1,7 +1,7 @@
{
"name": "ghost-dao-interface",
"private": true,
"version": "0.5.39",
"version": "0.5.40",
"type": "module",
"scripts": {
"dev": "vite",

View File

@ -1,5 +1,5 @@
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 { useLocation } from "react-router-dom";
@ -32,6 +32,8 @@ const BondInputArea = ({
address,
connect
}) => {
const isSemiSmallScreen = useMediaQuery("(max-width: 480px)");
const isVerySmallScreen = useMediaQuery("(max-width: 379px)");
const { pathname } = useLocation();
const { currentIndex } = useCurrentIndex(chainId);
@ -95,7 +97,7 @@ const BondInputArea = ({
UpperSwapCard={
<SwapCard
maxWidth="476px"
inputWidth="280px"
inputWidth={isVerySmallScreen ? "100px" : isSemiSmallScreen ? "180px" : "250px"}
id="from"
token={<TokenStack tokens={bond.quoteToken.icons} sx={{ fontSize: "21px" }} />}
tokenName={bond.quoteToken.name}
@ -110,7 +112,7 @@ const BondInputArea = ({
LowerSwapCard={
<SwapCard
maxWidth="476px"
inputWidth="280px"
inputWidth={isVerySmallScreen ? "100px" : isSemiSmallScreen ? "180px" : "250px"}
id="to"
token={<TokenStack tokens={bond.baseToken.icons} sx={{ fontSize: "21px" }} />}
tokenName={bond.baseToken.name}

View File

@ -222,7 +222,7 @@ const IntervalsArguments = ({
/>
<ArgumentInput
endString="seconds"
label="_intervals[0]"
label="_intervals[1]"
value={tuneInterval ?? ""}
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."