From 4500988507fcf17a11d0166da5237742b027f5c4 Mon Sep 17 00:00:00 2001
From: Archaon <archaon1574@bvm.network>
Date: Fri, 8 Nov 2024 10:11:21 +0700
Subject: [PATCH] update review css

---
 .../UserReviews/UserReviews.module.scss        | 18 ++++++++----------
 .../landingV3/Componets/UserReviews/index.tsx  | 13 +++++++++----
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss b/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss
index dc57d03ef..65f84c310 100644
--- a/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss
+++ b/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss
@@ -1,11 +1,12 @@
 .wrapper {
     .item_wrapper {
-        height: 210px;
+        height: 200px;
         position: relative;
         // padding: 48px 24px 12px;
-        border-radius: 8px;
         overflow: hidden;
-        background: #FAFAFA;
+        border-radius: 8px;
+        border: 1px solid #E5E7EB;
+        background: #FFF;
         margin: 0 12px;
         // margin-top: 40px;
         display: flex;
@@ -13,8 +14,9 @@
         gap: 16px;
 
         .avatar {
-            padding: 12px 20px;
-            background: #F4F4F4;
+            padding: 20px;
+            padding-bottom: 0px;
+            // background: #F4F4F4;
 
             // position: absolute;
             // top: 0;
@@ -27,7 +29,7 @@
             align-items: start;
             gap: 8px;
             padding-left: 20px;
-            padding-right: 27px;
+            padding-right: 20px;
 
             p {
                 flex: 1;
@@ -37,10 +39,6 @@
                 font-style: normal;
                 font-weight: 400;
                 line-height: 24px;
-                /* 150% */
-                margin-top: 3px;
-                /* 19.6px */
-                // margin-bottom: 16px;
             }
         }
 
diff --git a/src/modules/landingV3/Componets/UserReviews/index.tsx b/src/modules/landingV3/Componets/UserReviews/index.tsx
index 3795e61ff..ae98e8277 100644
--- a/src/modules/landingV3/Componets/UserReviews/index.tsx
+++ b/src/modules/landingV3/Componets/UserReviews/index.tsx
@@ -87,8 +87,13 @@ const Item = (props: ItemProps) => {
   return (
     <div className={s.item_wrapper}>
       <div className={s.avatar}>
-        <Flex alignItems={'center'} gap="12px">
-          <Image src={avatarSrc} alt="user avatar" w="48px" />
+        <Flex alignItems={'center'} gap="10px">
+          <Image
+            src={avatarSrc}
+            alt="user avatar"
+            w="50px"
+            transform={'translateX(-2px)'}
+          />
           <div className={s.user_info}>
             <div className={s.name}>{name}</div>
             <div className={s.username}>{username}</div>
@@ -97,7 +102,7 @@ const Item = (props: ItemProps) => {
       </div>
       <Flex flexDir={'column'} justifyContent={'space-between'} h="100%">
         <div className={s.text}>
-          <svg
+          {/* <svg
             xmlns="http://www.w3.org/2000/svg"
             width="13"
             height="12"
@@ -124,7 +129,7 @@ const Item = (props: ItemProps) => {
                 />
               </clipPath>
             </defs>
-          </svg>
+          </svg> */}
 
           <Text display={'flex'} flexDir={'column'} gap="8px">
             {typeof content === 'function' ? content() : content}