change categorie

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

Hide file tree

Showing 3 changed files with 20 additions and 18 deletions.
diff --git a/resources/js/Components/Card/CardCategorie.js b/resources/js/Components/Card/CardCategorie.js
@@ -48,7 +48,7 @@ const CardCategorie = ({ categorie, categorieUrl, auth }) => {
                             class={classes.cardMedia}
                             image={`${categorieUrl}/${categorie.asset}`}
                             alt={categorie.slug} /> */}
-                            <Typography variant="h3" class={classes.cardTitle}>{categorie.name}</Typography>
+                        <Typography variant="h3" class={classes.cardTitle}>{categorie.name}</Typography>
                     </CardContent>
                 </Link>
             </CardActionArea>

diff --git a/resources/js/Components/Parallax/HomeParallax.js b/resources/js/Components/Parallax/HomeParallax.js
@@ -2,8 +2,8 @@ import React from "react";
 import { Swiper, SwiperSlide } from "swiper/react";
 import Parallax from "./Parallax";
 import { Link } from "@inertiajs/inertia-react";
-import { CardHeader, Avatar, Card, Grid, Typography, Fab } from "@mui/material";
-import { AccountCircle, Category } from "@mui/icons-material";
+import { CardHeader, Avatar, Card, Grid, Typography, Container } from "@mui/material";
+import { AccountCircle } from "@mui/icons-material";
 import { Navigation, A11y } from "swiper";
 
 const HomeParallax = ({ users, existProfiles, avatarUrl, bannerUrl }) => {
@@ -31,22 +31,24 @@ const HomeParallax = ({ users, existProfiles, avatarUrl, bannerUrl }) => {
                 <Parallax filter image={`${bannerUrl}/${profile.banner}`}>
                   <Grid container sx={{ zIndex: "1", m: "25px" }}>
                     <Grid item sm={12} md={9}>
-                      <Typography variant="h4">
-                        {profile ? (
-                          <>
-                            {profile.lastname} {profile.firstname}
-                          </>
-                        ) : (
-                          user.username
-                        )}
-                      </Typography>
-                      <Typography variant="body2">
-                        {profile && profile.biography}
-                      </Typography>
+                      <Container sx={{m:2}}>
+                        <Typography variant="h4">
+                          {profile ? (
+                            <>
+                              {profile.lastname} {profile.firstname}
+                            </>
+                          ) : (
+                            user.username
+                          )}
+                        </Typography>
+                        <Typography variant="body2">
+                          {profile && profile.biography}
+                        </Typography>
+                      </Container>
                       <Link
                         href={`/profile/${user.username.split(" ").join("_")}`}
                       >
-                        <Card sx={{ m: 2, bgcolor: "transparent" }}>
+                        <Card sx={{ m: 2, mt: '100px', bgcolor: "transparent" }}>
                           <CardHeader
                             avatar={
                               <Avatar

diff --git a/resources/js/Pages/Home/Home.js b/resources/js/Pages/Home/Home.js
@@ -96,11 +96,11 @@ export default function Home({
       spaceBetween: 10,
     },
     1020: {
-      slidesPerView: 4,
+      slidesPerView: 5,
       spaceBetween: 15,
     },
     1440: {
-      slidesPerView: 5,
+      slidesPerView: 6,
       spaceBetween: 15,
     },
   };