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 <Popup
title={ title={
<> <>
<Icon name="info" /> Aiuto <Icon name="info" /> Guida
</> </>
} }
onClose={() => setHelpVisible(false)} onClose={() => setHelpVisible(false)}
> >
<h1>Titolo</h1> <h2>Selezione Corsi</h2>
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum 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.
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum Per vedere l'orario settimanale, clicca su <b>Settimana</b>, che mostrerà un calendario con i corsi attualmente selezionati.
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum La selezione effettuata verrà preservata dalla visualizzazione <b>Corsi</b> a quella Settimana, permettendo di individuare eventuali sovrapposizioni di orari.
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p> </p>
<h2>Sottotitolo</h2>
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum 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>.
pariatur amet. Laborum quos repudiandae corrupti, exercitationem cum labore
doloribus.
</p> </p>
<h2>Stampa</h2>
<p> <p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique eum Puoi stampare l'orario attualmente visibile con il bottone <Icon name="print"/> (è consigliato controllare le opzioni di stampa per un risultato soddisfacente).
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.
</p> </p>
</Popup> </Popup>
)} )}

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

Loading…
Cancel
Save