daniele/ER-TPL
1
0
Fork 0
mirror of https://github.com/Daniongithub/ER-TPL.git synced 2025-10-02 14:50:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing mobile device view. Sitemap useless pages were indexed.

Browse Source
This commit is contained in:
Curry141
2025-07-28 15:14:50 +02:00
parent 0c62152def
commit ab3fd715cf
7 changed files with 67 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
start_menu/servizi/start-livebus/css/style.css
View File

@@ -31,10 +31,14 @@ p {
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow-x: scroll;
}
.filter-container {
margin-top: 20px;
display: flex;
justify-content: center;
margin-top: 5px;
margin-bottom: 5px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
@@ -42,7 +46,10 @@ p {
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
align-items: center;
}
.filter-container button{
margin-left: 15px;
}
.filter-container input {
@@ -71,6 +78,11 @@ table {
overflow: hidden;
}
table th:nth-child(6),
td:nth-child(6){
display: none;
}
table,
th,
td {
@@ -99,12 +111,17 @@ tr:hover td {
}
@media (max-width: 768px) {
.filter-container {
flex-direction: column;
table th:nth-child(4),
td:nth-child(4){
display: none;
}
.filter-container input button {
width: 100%;
.filter-container input{
margin-top: 5px;
}
.filter-container button{
margin-top: 75%;
}
}
@@ -173,4 +190,12 @@ nav ul li a:hover {
}
input::placeholder {
color: white;
}
.immagine{
display: flex;
justify-content: center;
}
img{
margin-top: 10px;
width: 150px;
}

20
start_menu/servizi/start-livebus/index.html
View File

@@ -2,7 +2,7 @@
<html lang="it">
<head>
<meta charset="UTF-8">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Start Romagna - Autobus in tempo reale</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/favicon.ico">
@@ -20,16 +20,22 @@
</ul>
</nav>
</header>
<center><img src="img/start.png" alt="Start Romagna" width="10%"></center>
<div class="immagine">
<img src="img/start.png" alt="Start Romagna">
</div>
<h1>Autobus in tempo reale</h1>
<h3 id="clock">00:00:00</h3>
<!-- Contenitore per i filtri per ogni colonna -->
<div class="filter-container">
<input type="text" id="filterZona" placeholder="Filtra per zona" />
<input type="text" id="filterLinea" placeholder="Filtra per linea" />
<input type="text" id="filterVeicolo" placeholder="Filtra per veicolo" />
<input type="text" id="filterCodiceFermata" placeholder="Filtra per codice fermata" />
<button type="button" id="resetFilters" onclick="clearFilters()">Reset</button>
<div>
<input type="text" id="filterZona" placeholder="Filtra per zona"/>
<input type="text" id="filterLinea" placeholder="Filtra per linea"/>
<input type="text" id="filterVeicolo" placeholder="Filtra per veicolo"/>
<input type="text" id="filterCodiceFermata" placeholder="Filtra per codice fermata"/>
</div>
<div>
<button type="button" id="resetFilters" onclick="clearFilters()">Reset</button>
</div>
</div>
<div id="data-container"><p style="text-align: center; color: white;">Caricamento in corso, attendere prego...</p></div>