mirror of
https://github.com/Daniongithub/ER-TPL.git
synced 2025-12-06 11:42:03 +00:00
Fix grafica mobile
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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){
|
||||||
|
|||||||
Reference in New Issue
Block a user