Qortal/q-trade
1
0
Fork 0
mirror of https://github.com/Qortal/q-trade.git synced 2025-06-15 19:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Two small mobile changes

Browse Source
This commit is contained in:
Justin Ferrari 2024-12-26 23:26:30 -05:00
parent a52308d838
commit d095f1aaad
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Grids/Table-styles.tsx
View File

@ -30,7 +30,7 @@ export const BuyContainer = styled(Box)({
zIndex: 3, zIndex: 3,
}); });
export const BuyContainerDivider = styled(Box)({ export const BuyContainerDivider = styled(Box)(({ theme }) => ({
position: "absolute", position: "absolute",
width: "60%", width: "60%",
height: "1px", height: "1px",
@ -38,7 +38,10 @@ export const BuyContainerDivider = styled(Box)({
top: "10px", top: "10px",
left: "50%", left: "50%",
transform: "translateX(-50%)", transform: "translateX(-50%)",
}); [theme.breakpoints.down("sm")]: {
top: "5px",
}
}));
export const BuyOrderBtn = styled("button")(({ theme }) => ({ export const BuyOrderBtn = styled("button")(({ theme }) => ({
borderRadius: "8px", borderRadius: "8px",
@ -51,6 +54,6 @@ export const BuyOrderBtn = styled("button")(({ theme }) => ({
boxShadow: "0px 2.77px 2.21px 0px #00000005", boxShadow: "0px 2.77px 2.21px 0px #00000005",
marginRight: "10px", marginRight: "10px",
[theme.breakpoints.down("sm")]: { [theme.breakpoints.down("sm")]: {
marginRight: "5px", marginRight: "0px",
} }
})); }));