From 44eb33f4703d47d3cdfae56b23aa23fda8f251f9 Mon Sep 17 00:00:00 2001
From: debuggingfuture <lauchunyin@debuggingfuture.com>
Date: Fri, 22 Nov 2024 02:03:13 +0800
Subject: [PATCH] fix: styles

---
 page-container/index-page/OurTeam.tsx     | 4 +---
 page-container/index-page/Testimonial.tsx | 2 +-
 shared/components/Member.tsx              | 4 ++--
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/page-container/index-page/OurTeam.tsx b/page-container/index-page/OurTeam.tsx
index 29f2ea2..9703a39 100644
--- a/page-container/index-page/OurTeam.tsx
+++ b/page-container/index-page/OurTeam.tsx
@@ -82,11 +82,9 @@ const useStyle = makeStyles((theme) => ({
 }));
 
 const OurTeam = ({ className }: Partial<{ className: string }>) => {
-  const classes = useStyle();
-  const { title, brands } = content;
   return (
     <Box id="our-team" component="article" className={className}>
-      <Grid container justify="space-between" className={classes.members}>
+      <Grid container justify="space-between">
         {members.map((member) => (
           <Grid item key={member.name}>
             <Member name={member.name} position={member.position} avatarSrc={member.avatarSrc} />
diff --git a/page-container/index-page/Testimonial.tsx b/page-container/index-page/Testimonial.tsx
index 7195e2a..b5c38f1 100644
--- a/page-container/index-page/Testimonial.tsx
+++ b/page-container/index-page/Testimonial.tsx
@@ -62,7 +62,7 @@ const Testimonial = ({ className }: Partial<{ className: string }>) => {
 
   return (
     <Grid component="article" container justify="space-around">
-      <Grid item sm={12} className={classes.title}>
+      <Grid item sm={12} className="text-center items-center">
         <h2 className="text-2xl font-italic underline">
           Testimonial
         </h2>
diff --git a/shared/components/Member.tsx b/shared/components/Member.tsx
index 7f14a82..dfa5165 100644
--- a/shared/components/Member.tsx
+++ b/shared/components/Member.tsx
@@ -28,8 +28,8 @@ const Member = ({ avatarSrc, name, position }: MemberProps) => {
   const classes = useStyles();
   return (
     <Grid container direction="column" component="section" className={classes.root}>
-      <Grid item>
-        <Avatar src={avatarSrc} alt={name} className={classes.avatar} imgProps={{ width: '200', height: '200' }} />
+      <Grid item className="w-20 h-20 rounded">
+        <img src={avatarSrc} alt={name} className="rounded-full" />
       </Grid>
       <Grid item>
         <Typography component="h3" variant="h3" color="primary">