diff --git a/components/marketplace/Item.tsx b/components/marketplace/Item.tsx index 8dba8be..cb652e1 100644 --- a/components/marketplace/Item.tsx +++ b/components/marketplace/Item.tsx @@ -73,6 +73,7 @@ function Item({ mt={2} minW={110} mr={1} + color='black' > Price {price} diff --git a/components/marketplace/Market.tsx b/components/marketplace/Market.tsx index dc077a4..103f8d7 100644 --- a/components/marketplace/Market.tsx +++ b/components/marketplace/Market.tsx @@ -146,7 +146,7 @@ function Market() { overflow="scroll" height="76vh" spacing={2} - p="0 16px" + p="0 16px 200px 0" bgColor="#C8BB98" align="center" > @@ -161,7 +161,7 @@ function Market() { Selling NFT - header + /> */} {loading && } diff --git a/pages/market/index.tsx b/pages/market/index.tsx index 23da7db..1741a16 100644 --- a/pages/market/index.tsx +++ b/pages/market/index.tsx @@ -10,7 +10,10 @@ function MarketPlace() { const [nav, setNav] = useState(1) return ( - +
Marketplace @@ -20,6 +23,9 @@ function MarketPlace() { justifyContent="space-evenly" gap={2} backgroundColor="black" + style={{ + padding: '16px' + }} >
{nav === 1 ? : nav === 2 ? : }
- + ) } -const MarketPlaceCSS = styled.div({ - '.nav': { - display: 'flex', - backgroundColor: 'black', - color: 'white', - '.nav-items-1': { - flex: 1, - display: 'flex', - alignItems: 'center', - justifyContent: 'space-between', - img: { - marginLeft: '100px', - '@media(max-width: 950px)': { - marginLeft: '20px', - }, - }, - '@media(max-width: 520px)': { - justifyContent: 'flex-end', - img: { - display: 'none', - }, - }, - }, - '.nav-items-2': { - display: 'flex', - alignItems: 'center', - }, - '.nav-items-3': { - flex: 1, - display: 'flex', - alignItems: 'center', - }, - '.nav-items-1, .nav-items-2, .nav-items-3': { - div: { - padding: '20px 100px', - fontWeight: '700', - fontSize: '22px', - '@media(max-width: 1020px)': { - padding: '20px 50px', - }, - '@media(max-width: 640px)': { - padding: '20px 10px', - }, - '@media(max-width: 520px)': { - fontSize: '18px', - padding: '15px 10px', - }, - }, - '.select': { - color: '#FFB966', - }, - }, - }, -}) - export default MarketPlace