Merge pull request #821 from TrustlessComputer/arch/new-home

update review css
TrustlessComputer · Nov 8, 2024 · e124e01 · e124e01
2 parents 165a4ff + 4500988
commit e124e01
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss b/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss
@@ -1,20 +1,22 @@
 .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;
         flex-direction: column;
         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
@@ -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}