change the design

Herman-Riah19 · Dec 12, 2023 · 18b386a · 18b386a
1 parent d8a5546
commit 18b386a
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 32 deletions.
diff --git a/resources/js/Components/Card/CardCategorie.js b/resources/js/Components/Card/CardCategorie.js
@@ -22,7 +22,7 @@ const useStyle = makeStyles(() => ({
     },
     cardTitle: {
         position: 'relative',
-        top: '-15px',
+        top: '5px',
         color: '#fff',
         fontSize: '22px',
         textAlign: 'center',
@@ -43,11 +43,11 @@ const CardCategorie = ({ categorie, categorieUrl, auth }) => {
             <CardActionArea>
                 <Link href={`/categorie/${categorieName}`}>
                     <CardContent class={classes.cardBody}>
-                        <CardMedia
+                        {/* <CardMedia
                             component='img'
                             class={classes.cardMedia}
                             image={`${categorieUrl}/${categorie.asset}`}
-                            alt={categorie.slug} />
+                            alt={categorie.slug} /> */}
                             <Typography variant="h3" class={classes.cardTitle}>{categorie.name}</Typography>
                     </CardContent>
                 </Link>

diff --git a/resources/js/Components/Parallax/HomeParallax.js b/resources/js/Components/Parallax/HomeParallax.js
@@ -46,33 +46,33 @@ const HomeParallax = ({ users, existProfiles, avatarUrl, bannerUrl }) => {
                       <Link
                         href={`/profile/${user.username.split(" ").join("_")}`}
                       >
-                      <Card sx={{ m: 2, bgcolor: "transparent" }}>
-                        <CardHeader
-                          avatar={
-                            <Avatar
-                              sx={{ bgcolor: "red" }}
-                              src={
-                                profile.avatar ? (
-                                  `${avatarUrl}/${profile.avatar}`
-                                ) : (
-                                  <AccountCircle />
-                                )
-                              }
-                            />
-                          }
-                          title={
-                            <Typography variant="h6">
-                              {profile.lastname} {profile.firstname}
-                            </Typography>
-                          }
-                          subheader={
-                            <Typography variant="body1" color="text.thirdy">
-                              {user.email}
-                            </Typography>
-                          }
-                          sx={{ p: "10px", color: "#fff" }}
-                        />
-                      </Card>
+                        <Card sx={{ m: 2, bgcolor: "transparent" }}>
+                          <CardHeader
+                            avatar={
+                              <Avatar
+                                sx={{ bgcolor: "red" }}
+                                src={
+                                  profile.avatar ? (
+                                    `${avatarUrl}/${profile.avatar}`
+                                  ) : (
+                                    <AccountCircle />
+                                  )
+                                }
+                              />
+                            }
+                            title={
+                              <Typography variant="h6">
+                                {profile.lastname} {profile.firstname}
+                              </Typography>
+                            }
+                            subheader={
+                              <Typography variant="body1" color="text.thirdy">
+                                {user.email}
+                              </Typography>
+                            }
+                            sx={{ p: "10px", color: "#fff" }}
+                          />
+                        </Card>     
                       </Link>
                     </Grid>
                   </Grid>

diff --git a/resources/js/Pages/Home/Categories.js b/resources/js/Pages/Home/Categories.js
@@ -68,7 +68,7 @@ const Categories = (props) => {
     return (
         <Box>
             <Navbar auth={auth} authAvatar={authenticateProfile ? `${avatarUrl}/${authenticateProfile.avatar}` : null} />
-            <Container>
+
                 <Grid container sx={{ mt: '65px' }}>
                     <Grid item md={2} sx={{ mb: "500px" }}>
                         <MenuList sx={theme => ({
@@ -135,7 +135,6 @@ const Categories = (props) => {
                         <Footer auth={auth} />
                     </Grid>
                 </Grid>
-            </Container>
         </Box>
     )
 }