fix book size in home
Browse files
client/src/pages/Home.jsx
CHANGED
|
@@ -37,7 +37,10 @@ export function Home() {
|
|
| 37 |
sx={{
|
| 38 |
position: "relative",
|
| 39 |
height: "80vh",
|
| 40 |
-
width: "
|
|
|
|
|
|
|
|
|
|
| 41 |
}}
|
| 42 |
>
|
| 43 |
{/* Container principal pour l'image et tout le contenu */}
|
|
@@ -45,7 +48,7 @@ export function Home() {
|
|
| 45 |
sx={{
|
| 46 |
position: "relative",
|
| 47 |
height: "100%",
|
| 48 |
-
width: "
|
| 49 |
zIndex: 1,
|
| 50 |
}}
|
| 51 |
>
|
|
@@ -56,7 +59,7 @@ export function Home() {
|
|
| 56 |
sx={{
|
| 57 |
position: "relative",
|
| 58 |
height: "100%",
|
| 59 |
-
width: "
|
| 60 |
zIndex: 1,
|
| 61 |
}}
|
| 62 |
>
|
|
@@ -66,8 +69,8 @@ export function Home() {
|
|
| 66 |
alt="Book cover"
|
| 67 |
sx={{
|
| 68 |
height: "100%",
|
| 69 |
-
width: "
|
| 70 |
-
objectFit: "
|
| 71 |
borderRadius: "4px",
|
| 72 |
position: "relative",
|
| 73 |
boxShadow: "0 0 20px rgba(0,0,0,0.2)",
|
|
|
|
| 37 |
sx={{
|
| 38 |
position: "relative",
|
| 39 |
height: "80vh",
|
| 40 |
+
width: "calc(80vh * 0.66666667)",
|
| 41 |
+
display: "flex",
|
| 42 |
+
alignItems: "center",
|
| 43 |
+
justifyContent: "center",
|
| 44 |
}}
|
| 45 |
>
|
| 46 |
{/* Container principal pour l'image et tout le contenu */}
|
|
|
|
| 48 |
sx={{
|
| 49 |
position: "relative",
|
| 50 |
height: "100%",
|
| 51 |
+
width: "100%",
|
| 52 |
zIndex: 1,
|
| 53 |
}}
|
| 54 |
>
|
|
|
|
| 59 |
sx={{
|
| 60 |
position: "relative",
|
| 61 |
height: "100%",
|
| 62 |
+
width: "100%",
|
| 63 |
zIndex: 1,
|
| 64 |
}}
|
| 65 |
>
|
|
|
|
| 69 |
alt="Book cover"
|
| 70 |
sx={{
|
| 71 |
height: "100%",
|
| 72 |
+
width: "100%",
|
| 73 |
+
objectFit: "cover",
|
| 74 |
borderRadius: "4px",
|
| 75 |
position: "relative",
|
| 76 |
boxShadow: "0 0 20px rgba(0,0,0,0.2)",
|