diff --git a/src/components/Grids/Table-styles.tsx b/src/components/Grids/Table-styles.tsx index 14f6cf3..3a7e1a9 100644 --- a/src/components/Grids/Table-styles.tsx +++ b/src/components/Grids/Table-styles.tsx @@ -45,11 +45,12 @@ export const BuyContainerDivider = styled(Box)(({ theme }) => ({ } })); -export const BuyOrderBtn = styled("button")(({ theme }) => ({ +export const BuyOrderBtn = styled(Button)(({ theme }) => ({ borderRadius: "8px", - width: "74px", - height: "30px", - background: "#4D7345", + width: "80px", + height: "45px", + background: "#2e7d32", + fontSize: '18px', color: "white", cursor: "pointer", border: "1px solid #375232", diff --git a/src/components/Grids/TradeOffers.tsx b/src/components/Grids/TradeOffers.tsx index acee8f1..d7045b9 100644 --- a/src/components/Grids/TradeOffers.tsx +++ b/src/components/Grids/TradeOffers.tsx @@ -37,6 +37,7 @@ import { SnackbarCloseReason, Tooltip, Typography, + useTheme, } from "@mui/material"; import gameContext from "../../contexts/gameContext"; import { subscribeToEvent, unsubscribeFromEvent } from "../../utils/events"; @@ -164,7 +165,12 @@ export const TradeOffers: React.FC = ({ const [open, setOpen] = useState(false); const [info, setInfo] = useState(null); const BuyButton = () => { - return BUY; + return BUY; }; const intervalGetSignedUnlockingFees = useRef(null); diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx index 28fda0a..a92a639 100644 --- a/src/components/header/Header.tsx +++ b/src/components/header/Header.tsx @@ -518,7 +518,7 @@ export const Header = ({ - + {/* */} {!isUsingGateway && selectedCoin !== 'PIRATECHAIN' && ( <> { setMode("buy")}> - Buy QORT + QORT for sale {/* */} setMode("sell")}>