Fill help popup

dev
Francesco Minnocci 2 years ago
parent 38a66cebf4
commit 47723fda17
Signed by untrusted user: BachoSeven
GPG Key ID: 2BE4AB7FDAD828A4

@ -152,75 +152,27 @@ const App = ({}) => {
<Popup
title={
<>
<Icon name="info" /> Aiuto
<Icon name="info" /> Guida
</>
}
onClose={() => setHelpVisible(false)}
>
<h1>Titolo</h1>
<h2>Selezione Corsi</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
Per visualizzare solo una selezione dei corsi disponibili, clicca su quelli che ti interessano e poi nascondi gli altri con il tasto <Icon name="visibility"/> che comparirà in basso a destra.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
Per vedere l'orario settimanale, clicca su <b>Settimana</b>, che mostrerà un calendario con i corsi attualmente selezionati.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
La selezione effettuata verrà preservata dalla visualizzazione <b>Corsi</b> a quella Settimana, permettendo di individuare eventuali sovrapposizioni di orari.
</p>
<h2>Sottotitolo</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
I corsi sono raggruppati per: primo, secondo, terzo anno (<b>I</b>,<b>II</b>,<b>III</b>) e magistrale. Alternativamente, puoi scegliere fra tutti i corsi disponibili cliccando su <b>Tutti</b>.
</p>
<h2>Stampa</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<h2>Sottotitolo</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<h3>Sottosottotitolo</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<h3>Sottosottotitolo</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
Puoi stampare l'orario attualmente visibile con il bottone <Icon name="print"/> (è consigliato controllare le opzioni di stampa per un risultato soddisfacente).
</p>
</Popup>
)}

@ -231,6 +231,8 @@ button,
max-height: 60vh;
overflow-y: auto;
padding-bottom: 3rem;
}
max-width: 100%;
@ -299,6 +301,13 @@ button,
display: flex;
flex-direction: column;
gap: 0.5rem;
.material-symbols-outlined {
font-size: 18px;
vertical-align: text-top;
}
p {
line-height: 1.5;
}
}
// Structure

Loading…
Cancel
Save