bridge_ui: nft container overflow adjustment in tvl
Change-Id: I14bde8de239479887b589d1f9fe7374df45e6648
This commit is contained in:
parent
bddfa07bc2
commit
1962873328
|
@ -65,6 +65,7 @@ const useStyles = makeStyles((theme) => ({
|
|||
"& > *": {
|
||||
margin: theme.spacing(1),
|
||||
},
|
||||
flexWrap: "wrap",
|
||||
},
|
||||
randomButton: {
|
||||
margin: "0px auto 8px",
|
||||
|
@ -72,11 +73,17 @@ const useStyles = makeStyles((theme) => ({
|
|||
},
|
||||
randomNftContainer: {
|
||||
minHeight: "550px",
|
||||
maxWidth: "100%",
|
||||
},
|
||||
alignCenter: {
|
||||
margin: "0 auto",
|
||||
display: "block",
|
||||
},
|
||||
tableContainer: {
|
||||
flexGrow: 1,
|
||||
width: "fit-content",
|
||||
maxWidth: "100%",
|
||||
},
|
||||
}));
|
||||
|
||||
const BLACKLIST = ["D9cX654dGb4GFzqq3RY7rhZbRkQqUkfggDZdnYxqv97g"];
|
||||
|
@ -241,7 +248,7 @@ const NFTStats: React.FC<any> = () => {
|
|||
<CircularProgress className={classes.alignCenter} />
|
||||
) : (
|
||||
<div className={classes.tableBox}>
|
||||
{table}
|
||||
<div className={classes.tableContainer}>{table}</div>
|
||||
{randomNFTContent}
|
||||
</div>
|
||||
)}
|
||||
|
|
|
@ -43,6 +43,7 @@ const useStyles = makeStyles((theme) => ({
|
|||
margin: ".5rem",
|
||||
},
|
||||
marginBottom: theme.spacing(2),
|
||||
overflow: "auto",
|
||||
},
|
||||
flexBox: {
|
||||
display: "flex",
|
||||
|
|
|
@ -186,6 +186,7 @@ const useStyles = makeStyles((theme) => ({
|
|||
position: "relative",
|
||||
height: "500px",
|
||||
width: "400px",
|
||||
maxWidth: "100%",
|
||||
margin: `${theme.spacing(1)}px auto`,
|
||||
},
|
||||
}));
|
||||
|
|
Loading…
Reference in New Issue