maj liste cours

frontend/src/assets/styleCours.css

@@ -11,7 +11,11 @@ h1 {
 
 }
 
-h2,h3,h4,h5,h6,span{
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-size: 1rem;
   line-height: 1.1;
   font-family: "Nunito", sans-serif !important;
@@ -21,54 +25,67 @@ h2,h3,h4,h5,h6,span{
   color: #315397 !important;
 }
 
-.c4lv-readingcontext p, .c4lv-readingcontext {
-    font-size: 16px;
-    line-height: 23px;
+.c4lv-readingcontext p,
+.c4lv-readingcontext {
+  font-size: 16px;
+  line-height: 23px;
 }
 
 .c4lv-dodontcards .c4l-dodontcards-do {
-    min-width: 200px;
-    max-width: 100%;
-    background: #f1fbf5;
-    border-radius: 10px;
-    padding: 24px 48px 30px 36px;
-    margin: 12px auto;
-    position: relative;
-}
-.c4lv-dodontcards .c4l-dodontcards-do::before {
-    content: url(https://www.formations.octopusdesign.fr/theme/image.php/boost_magnific/tiny_c4l/1752797278/c4l_docard);
-    position: absolute;
-    top: 12px;
-    right: 12px;
-}
-.c4lv-dodontcards .c4l-dodontcards-dont {
-    min-width: 200px;
-    max-width: 100%;
-    background: #ffefef;
-    border-radius: 10px;
-    padding: 24px 48px 30px 36px;
-    margin: 12px auto;
-    position: relative;
-}
-.c4lv-dodontcards .c4l-dodontcards-dont::before {
-    content: url(https://www.formations.octopusdesign.fr/theme/image.php/boost_magnific/tiny_c4l/1752797278/c4l_dontcard);
-    position: absolute;
-    top: 12px;
-    right: 12px;
+  min-width: 200px;
+  max-width: 100%;
+  background: #f1fbf5;
+  border-radius: 10px;
+  padding: 24px 48px 30px 36px;
+  margin: 12px auto;
+  position: relative;
 }
 
-h3{
+.c4lv-dodontcards .c4l-dodontcards-do::before {
+  content: url(https://www.formations.octopusdesign.fr/theme/image.php/boost_magnific/tiny_c4l/1752797278/c4l_docard);
+  position: absolute;
+  top: 12px;
+  right: 12px;
+}
+
+.c4lv-dodontcards .c4l-dodontcards-dont {
+  min-width: 200px;
+  max-width: 100%;
+  background: #ffefef;
+  border-radius: 10px;
+  padding: 24px 48px 30px 36px;
+  margin: 12px auto;
+  position: relative;
+}
+
+.c4lv-dodontcards .c4l-dodontcards-dont::before {
+  content: url(https://www.formations.octopusdesign.fr/theme/image.php/boost_magnific/tiny_c4l/1752797278/c4l_dontcard);
+  position: absolute;
+  top: 12px;
+  right: 12px;
+}
+
+.c4lv-readingcontext p, .c4lv-readingcontext span, .c4lv-readingcontext li {
+  font-size: 16px;
+  line-height: 23px;
+  font-family: "Nunito", sans-serif !important;
+  font-optical-sizing: auto;
+  font-weight: 700 !important;
+  font-style: normal;
+}
+
+h3 {
   font-size: 1.2em !important;
 }
 
 
-ul li{
+ul li {
   list-style: inherit !important;
 }
 
 .css-1ulggnf h2,
 .MuiTypography-span,
-.MuiTypography-h6{
+.MuiTypography-h6 {
   color: #ffffff;
 
 }
@@ -96,15 +113,15 @@ ul li{
 }
 
 .c4lv-readingcontext {
-    min-width: 200px;
-    max-width: 75%;
-    background-color: #fff;
-    box-shadow: 0 4px 24px rgb(0 0 0 / .08);
-    box-sizing: border-box;
-    margin: 36px auto;
+  min-width: 200px;
+  max-width: 75%;
+  background-color: #fff;
+  box-shadow: 0 4px 24px rgb(0 0 0 / .08);
+  box-sizing: border-box;
+  margin: 36px auto;
 }
 
 .c4lv-readingcontext {
-    padding: 30px 40px 32px 40px;
-    font-family: sans-serif;
+  padding: 30px 40px 32px 40px;
+  font-family: sans-serif;
 }

frontend/src/components/Admin/ListeCours.jsx

@@ -274,11 +274,7 @@ const ListeCours = () => {
                         <Typography variant="h6" sx={{ mb: 1 }}>
                           {page.name}
                         </Typography>
-                        <Typography
-                          variant="body2"
-                          sx={{ whiteSpace: "pre-line" }}
-                          dangerouslySetInnerHTML={{ __html: page.content }}
-                        />
+
                         <Box sx={{ display: "flex", gap: 1, mt: 1 }}>
                           <Button
                             size="small"
@@ -344,7 +340,6 @@ const ListeCours = () => {
                       <Typography
                         variant="body2"
                         sx={{ mb: 1 }}
-                        dangerouslySetInnerHTML={{ __html: assign.intro || "" }}
                       />
                       <Button
                         size="small"
@@ -385,8 +380,8 @@ const ListeCours = () => {
             sx={{
               position: "absolute",
               top: 0,
-              left: 0,
-              width: "100vw",
+              left: "8%",
+              width: "80%",
               height: "100vh",
               bgcolor: "background.paper",
               p: 4,
@@ -410,7 +405,7 @@ const ListeCours = () => {
               </Button>
             </Box>
             <Box
-              sx={{ maxWidth: "900px", margin: "0 auto", paddingBottom: 8 }}
+              sx={{margin: "0 auto", paddingBottom: 8 }}
               dangerouslySetInnerHTML={{
                 __html:
                   selectedPage?.content || selectedAssignment?.intro || "",