mirror of
https://github.com/Daniongithub/ER-TPL.git
synced 2025-10-02 12:30:48 +00:00
Fixing mobile device view. Sitemap useless pages were indexed.
This commit is contained in:
@@ -9,6 +9,17 @@
|
||||
--black: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.divtab{
|
||||
overflow-x: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
img{
|
||||
margin-top: 10px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -28,8 +39,6 @@ main {
|
||||
margin: 40px auto;
|
||||
padding: 30px;
|
||||
background-color: var(--bg-color);
|
||||
/*border-radius: 10px;*/
|
||||
/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);*/
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -138,4 +147,4 @@ nav ul li a {
|
||||
|
||||
nav ul li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
@@ -32,7 +32,8 @@
|
||||
</select>
|
||||
<button type="submit">Carica</button>
|
||||
</form>
|
||||
<table id="tabellaDati">
|
||||
<div class="divtab">
|
||||
<table id="tabellaDati">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Linea</th>
|
||||
@@ -44,7 +45,8 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="corpoTabella"></tbody>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<p>Copyright (C) 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by EmmeV (Vichingo455) <a href="https://git.vichingo455.freeddns.org/emmev-code/start-livebus" target="_blank">Codice Sorgente</a><br>
|
||||
|
@@ -14,6 +14,10 @@
|
||||
display: block !important;
|
||||
width: 95.5% !important;
|
||||
}
|
||||
|
||||
#tabella-container{
|
||||
overflow-x: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -37,7 +41,6 @@ body {
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-radius: 8px;
|
||||
width: 85%;
|
||||
margin: auto;
|
||||
margin-top: 1rem;
|
||||
@@ -47,8 +50,7 @@ th {
|
||||
background-color: lightslategray;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
th, td {
|
||||
border: 2px solid #444;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
|
@@ -14,7 +14,7 @@
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
|
||||
<li><a href="#" onclick="window.close();"><h1 style="font-size: 100%;font-weight: 500;">Chiudi</h1></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
@@ -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;
|
||||
}
|
@@ -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>
|
||||
|
Reference in New Issue
Block a user