mirror of
https://github.com/Qortal/q-trade.git
synced 2025-06-15 10:51:21 +00:00
Small UI Fixes
This commit is contained in:
parent
3de91a32d3
commit
837098d9db
@ -138,13 +138,14 @@ export const LogoColumn = styled(Box)({
|
|||||||
gap: "10px",
|
gap: "10px",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
});
|
});
|
||||||
|
|
||||||
export const RightColumn = styled(Box)({
|
export const RightColumn = styled(Box)({
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "row",
|
flexDirection: "row",
|
||||||
gap: "10px",
|
gap: "10px",
|
||||||
alignItems: "flex-start",
|
alignItems: "flex-start",
|
||||||
padding: "10px",
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export const AvatarCircle = styled("img")({
|
export const AvatarCircle = styled("img")({
|
||||||
borderRadius: "50%",
|
borderRadius: "50%",
|
||||||
width: "35px",
|
width: "35px",
|
||||||
@ -216,6 +217,7 @@ export const CoinSelectRow = styled(Box)({
|
|||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
gap: "5px",
|
gap: "5px",
|
||||||
alignSelf: "flex-start",
|
alignSelf: "flex-start",
|
||||||
|
marginBottom: "5px"
|
||||||
});
|
});
|
||||||
|
|
||||||
export const CoinActionContainer = styled(Box)({
|
export const CoinActionContainer = styled(Box)({
|
||||||
@ -314,7 +316,7 @@ export const CoinCancelBtn = styled(Button)({
|
|||||||
"&:hover": {
|
"&:hover": {
|
||||||
border: "1px solid #d62525",
|
border: "1px solid #d62525",
|
||||||
backgroundColor: "#d62525",
|
backgroundColor: "#d62525",
|
||||||
color: "#000000"
|
color: "#000000",
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -336,4 +338,4 @@ export const CoinConfirmSendBtn = styled(Button)(({ theme }) => ({
|
|||||||
color: "#000000",
|
color: "#000000",
|
||||||
backgroundColor: theme.palette.text.primary,
|
backgroundColor: theme.palette.text.primary,
|
||||||
},
|
},
|
||||||
}));
|
}));
|
||||||
|
Loading…
x
Reference in New Issue
Block a user