Fix grafica mobile

This commit is contained in:
Leocraft1
2025-10-20 16:50:15 +02:00
parent c8778a6df7
commit 9cb4a39963
2 changed files with 34 additions and 32 deletions

View File

@@ -31,30 +31,6 @@ table{
margin-right: auto; margin-right: auto;
} }
#selettore-direzione {
border-collapse: collapse;
border-radius: 8px;
width: 100%;
margin: auto;
}
table#selettore-direzione th:hover {
background-color: rgb(204, 132, 0);
}
table#selettore-direzione th:active{
background-color: rgb(255, 234, 196);
}
table#selettore-direzione th {
border-left: 1px solid #282828;
border-right: 1px solid #282828;
padding: .7vw;
padding-top: .6vw;
padding-bottom: .6vw;
text-align: center;
}
th,td { th,td {
border: none; border: none;
padding: .7vw; padding: .7vw;
@@ -163,6 +139,18 @@ img{
} }
@media (max-width: 768px) { @media (max-width: 768px) {
table#selettore-direzione th:first-child {
background-color: rgb(50, 50, 50);
border-top-left-radius: 8px;
}
table#selettore-direzione th:last-child {
background-color: rgb(50, 50, 50);
border-top-right-radius: 8px;
}
iframe{
width: 100%;
height: 2200px;
}
.search-result { .search-result {
display: block; display: block;
width: 96.5%; width: 96.5%;
@@ -201,13 +189,28 @@ img{
} }
} }
@media (max-width: 512px) { #selettore-direzione {
th,td { border-collapse: collapse;
font-size: 3.2vw; border-radius: 8px;
} width: 100%;
table{ margin: auto;
margin-top:10px; }
}
table#selettore-direzione th:hover {
background-color: rgb(204, 132, 0);
}
table#selettore-direzione th:active{
background-color: rgb(255, 234, 196);
}
table#selettore-direzione th {
border-left: 1px solid #282828;
border-right: 1px solid #282828;
padding: 10.7px;
padding-top: 9.2px;
padding-bottom: 9.2px;
text-align: center;
} }
footer { footer {

View File

@@ -22,7 +22,6 @@ fetch(urlDesc)
<th>Destinazione</th> <th>Destinazione</th>
<th>Tempo di percorrenza (min)</th> <th>Tempo di percorrenza (min)</th>
<th>Frequenza (min)</th> <th>Frequenza (min)</th>
<th>Sabato dopo le 14 e domenica (min)</th>
</table>`; </table>`;
const table = document.getElementById('desc-table'); const table = document.getElementById('desc-table');
if(data[0].linea==undefined){ if(data[0].linea==undefined){