fix: styles

fractaldotbox · Nov 21, 2024 · 44eb33f · 44eb33f
1 parent 082cbca
commit 44eb33f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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">