chore: update code

TrustlessComputer · Jan 16, 2024 · 58c0e2a · 58c0e2a
1 parent 2a296c2
commit 58c0e2a
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 31 deletions.
diff --git a/src/modules/Whitelist/leaderBoard/index.tsx b/src/modules/Whitelist/leaderBoard/index.tsx
@@ -171,20 +171,18 @@ const LeaderBoard = () => {
                     'normal'
                   )}
                   address={''}
-                  width={36}
+                  width={40}
                   name={data?.twitter_name || data?.twitter_username || ''}
                 />
-                <Flex width={'100%'} gap={'0px'} direction={'column'}>
-                  {data?.twitter_name && (
-                    <>
-                      <Text className={styles.title}>
-                        {formatName(data?.twitter_name as string, 50)}
+                <Flex width={'100%'} gap={'4px'} direction={'column'}>
+                    <Text className={styles.title}>
+                      {formatName(data?.twitter_name as string, 50)}
+                    </Text>
+                    {data?.need_active && (
+                      <Text className={styles.subTitle}>
+                        YOU
                       </Text>
-                      {/*<Text className={styles.subTitle}>*/}
-                      {/*  {shortCryptoAddress(data?.address as string, 8)}*/}
-                      {/*</Text>*/}
-                    </>
-                  )}
+                    )}
                 </Flex>
               </Flex>
             </Flex>
@@ -225,7 +223,12 @@ const LeaderBoard = () => {
                 )}
               >
                 <img style={{ width: 20 }} src={`${CDN_URL_ICONS}/${valueToImage?.[data?.boost] || 'flash_normal.svg'}`}/>
-                <Text className={cs(styles.title, styles.multiplier, styles[valueToClassName[`${data?.boost}`]])}>{data?.boost || 0}%</Text>
+                <Text className={cs(
+                  styles.title,
+                  styles.multiplier,
+                  styles[valueToClassName[`${data?.boost}`]],
+                  data.need_active && styles.isActiveRow
+                )}>{data?.boost || 0}%</Text>
               </Flex>
             </Flex>
           );

diff --git a/src/modules/Whitelist/leaderBoard/styles.module.scss b/src/modules/Whitelist/leaderBoard/styles.module.scss
@@ -6,7 +6,7 @@
   p {
     font-style: normal;
     font-weight: 600;
-    font-size: 14px;
+    font-size: 16px;
     line-height: 140%;
 
     color: #ffffff;
@@ -42,18 +42,15 @@
 table {
   &.tableContainer {
     :global {
-      .isActiveRow {
-        background-color: #F5EADE !important;
-
-        tbody {
-          tr {
-            td {
-              max-width: 90vw;
-            }
-          }
+      tbody {
+        tr {
+          height: 62px;
         }
+      }
+      .isActiveRow {
+        background-color: #007659 !important;
         p {
-          color: black !important;
+          color: white !important;
         }
 
         .boost_25 {
@@ -106,19 +103,16 @@ table {
     .title {
       font-style: normal;
       font-weight: 600;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 140%;
-
       color: black;
-
       max-width: 100px;
       overflow: hidden;
       text-overflow: ellipsis;
     }
 
     .subTitle {
-      font-size: 12px;
-      opacity: 0.7;
+      font-size: 14px;
     }
 
     .desc {
@@ -138,7 +132,7 @@ table {
 
       p {
         font-weight: 500;
-        font-size: 14px;
+        font-size: 16px;
         line-height: 140%;
         /* or 18px */
         text-align: center;
@@ -207,7 +201,7 @@ table {
 .banner {
   background: #000;
   color: #FFF;
-  font-size: 14px;
+  font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 140%;
@@ -220,7 +214,7 @@ table {
   justify-content: space-between;
 
   .time {
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 600;
     opacity: 0.7;
   }
@@ -286,4 +280,15 @@ table {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
+
+  &.isActiveRow {
+    background: linear-gradient(90deg, #FFFFFF 0%, #35CCA6 100%);
+    text-align: center;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 120%;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
 }