From 07a25c248a8ec5f98b8475bbaac641759ca610c3 Mon Sep 17 00:00:00 2001 From: Nam2000 <18521124@gm.uit.edu.vn> Date: Sun, 10 Jul 2022 22:56:41 +0700 Subject: [PATCH 1/3] fix/navigation-menu-market --- components/marketplace/Market.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/marketplace/Market.tsx b/components/marketplace/Market.tsx index dc077a4..86d741d 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" > From 4ecafb75e32197dccb5cf4fbc244c1cde0f46ebd Mon Sep 17 00:00:00 2001 From: Nam2000 <18521124@gm.uit.edu.vn> Date: Tue, 12 Jul 2022 20:52:02 +0700 Subject: [PATCH 2/3] add code --- pages/market/index.tsx | 65 ++++++------------------------------------ 1 file changed, 8 insertions(+), 57 deletions(-) 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 From 4c81d4a98ee7be9b7ef9231db2c689685978154b Mon Sep 17 00:00:00 2001 From: Nam2000 <18521124@gm.uit.edu.vn> Date: Thu, 14 Jul 2022 21:14:44 +0700 Subject: [PATCH 3/3] add code --- components/marketplace/Item.tsx | 1 + components/marketplace/Market.tsx | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) 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 86d741d..103f8d7 100644 --- a/components/marketplace/Market.tsx +++ b/components/marketplace/Market.tsx @@ -161,7 +161,7 @@ function Market() { Selling NFT - header + /> */} {loading && }