Modify code

TrustlessComputer · Jan 8, 2024 · 095c564 · 095c564
1 parent 775fce3
commit 095c564
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 11 deletions.
diff --git a/public/images/lego_bg_vs3.png b/public/images/lego_bg_vs3.png
diff --git a/src/modules/building-blocks/Section_2_vs2/config.tsx b/src/modules/building-blocks/Section_2_vs2/config.tsx
@@ -45,7 +45,8 @@ export const BlockDataList: BlockItemType[] = [
         isComingSoon: true,
       },
     ],
-    bgColor: '#7069DC',
+    // bgColor: '#7069DC',
+    bgColor: 'transparent',
     bgCircle: '#8D87E3',
     zIndex: 10,
     isLastItem: false,
@@ -80,7 +81,8 @@ export const BlockDataList: BlockItemType[] = [
         isComingSoon: true,
       },
     ],
-    bgColor: '#F7931A',
+    // bgColor: '#F7931A',
+    bgColor: 'transparent',
     bgCircle: '#F9A948',
     zIndex: 8,
     isLastItem: false,
@@ -100,7 +102,8 @@ export const BlockDataList: BlockItemType[] = [
         isComingSoon: true,
       },
     ],
-    bgColor: '#25C0EF',
+    // bgColor: '#25C0EF',
+    bgColor: 'transparent',
     bgCircle: '#51CDF2',
     zIndex: 7,
     isLastItem: false,
@@ -127,7 +130,8 @@ export const BlockDataList: BlockItemType[] = [
         name: 'Solana',
       },
     ],
-    bgColor: '#FF5C5C',
+    // bgColor: '#FF5C5C',
+    bgColor: 'transparent',
     bgCircle: '#FF7D7D',
     zIndex: 6,
     isLastItem: false,
@@ -142,7 +146,8 @@ export const BlockDataList: BlockItemType[] = [
         name: 'Bitcoin',
       },
     ],
-    bgColor: '#29892A',
+    // bgColor: '#29892A',
+    bgColor: 'transparent',
     bgCircle: '#54A155',
     zIndex: 5,
     isLastItem: true,

diff --git a/src/modules/building-blocks/Section_2_vs2/index.tsx b/src/modules/building-blocks/Section_2_vs2/index.tsx
@@ -18,16 +18,20 @@ const Section2 = () => {
       <Flex
         position={'relative'}
         direction={'row'}
-        minW={['180px', '375px']}
+        minW={['180px', '340px']}
         h={'100%'}
-        alignItems={'center'}
+        alignItems={'flex-start'}
         justify={'space-between'}
         borderRadius={'8px'}
         py={['40px']}
-        px={['32px']}
         bgColor={item.bgColor}
       >
-        <Text fontSize={['16px', '24px']} color={'#fff'} fontWeight={500}>
+        <Text
+          fontSize={['16px', '24px']}
+          color={'#000'}
+          fontWeight={500}
+          textAlign={'left'}
+        >
           {`${item.label || ''}`}
         </Text>
         {/* <Box w={'8px'}></Box>
@@ -96,7 +100,7 @@ const Section2 = () => {
               minW={[100]}
               minH={[100]}
               p={['16px']}
-              bgColor={'#fff'}
+              bgColor={'transparent'}
               height={'100%'}
             >
               <Image key={`${obj.logoUrl}-${index}`} src={obj.logoUrl} />

diff --git a/src/modules/home/Section_1/index.tsx b/src/modules/home/Section_1/index.tsx
@@ -23,7 +23,8 @@ const Section_1 = () => {
       bgPosition="center"
       bgRepeat="no-repeat"
       bgSize={'cover'}
-      bgImg={`/images/lego_bg_vs2.png`}
+      bgImg={`/images/lego_bg_vs3.png`}
+      bgColor={'#EE550C'}
       display={'flex'}
       justifyContent={'center'}
       alignContent={'center'}