🔧 Nvm

src/components/Split.js

@@ -1,25 +1,21 @@
 import React from "react"
 import { Split as BluelibSplit, Title } from "bluelib/lib/components"
 import PropTypes from "prop-types"
+import classNames from "classnames"
+import Style from "./Split.module.css"
 
 
-export default function Split({ children, title, ...props }) {
+export default function Split({ children, className, titleClassName, title, ...props }) {
     return (
-        <div {...props}>
+        <div className={classNames(Style.Split, className)} {...props}>
             {title ?
-             <Title size={"xl"}>
+                 <Title className={classNames(Style.SplitTitle, titleClassName)} size={"xl"}>
-                 {title}
+                     {title}
-             </Title>
+                 </Title>
-                   : null}
+            : null}
             <BluelibSplit>
                 {children}
             </BluelibSplit>
         </div>
     )
 }
-
-Split.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    title: PropTypes.node,
-}

src/components/Split.module.css

@@ -0,0 +1,11 @@
+.Split {
+
+}
+
+.SplitTitle {
+
+}
+
+.Split:first-child .SplitTitle {
+
+}

src/routes/Sistemioperativi/index.js

@@ -48,12 +48,11 @@ export default function Sistemioperativi() {
                     </P>
                 </Box>
             </Split>
-            <Separator style={{marginBottom: "12px", marginTop: "64px"}}/>
             <article>
                 <Title size={"xxl"}>
                     Arzigogolo #5 del 2019
                 </Title>
-                <Split title={"Prerequisiti"}>
+                <Split title={"Prerequisiti"} major={true}>
                     <Ex title={"Premessa"}>
                         <P>
                             Tutti gli esercizi devono essere svolti su un sistema guest <B>Arch Linux</B> testuale.
@@ -75,7 +74,7 @@ export default function Sistemioperativi() {
                         </P>
                     </Box>
                 </Split>
-                <Split title={"Parte 1"}>
+                <Split title={"Parte 1"} major={true}>
                     <Ex title={"Consegna"}>
                         <P>
                             Si scarichi e si installi il software cscope per l’indicizzazione di alberi sorgenti. Si indicizzino gli alberi sorgenti dei seguenti software: