centered history

This commit is contained in:
mcguirepr89
2022-03-01 11:45:13 -05:00
parent 3b704932d8
commit 500eade8ce
2 changed files with 30 additions and 7 deletions
+28 -4
View File
@@ -21,6 +21,19 @@
margin-right: auto; margin-right: auto;
} }
.banner img {
position: absolute;
top: 0;
left: 0;
padding: 10px;
}
.banner a {
text-decoration: none;
color: black;
font-size: x-large;
}
.topbar { .topbar {
display: block; display: block;
width: auto; width: auto;
@@ -57,12 +70,14 @@
} }
.play table { .play table {
display: block;
width:50%; width:50%;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
.overview td { .overview td {
vertical-align:middle;
width:20%; width:20%;
} }
@@ -71,7 +86,17 @@
} }
.stats table { .stats table {
width: 100%; width: 75%;
}
.stats td {
vertical-align: middle;
}
.history table,.history img {
width: auto;
margin-left: auto;
margin-right: auto;
} }
a { a {
@@ -98,7 +123,6 @@ table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
width: 100%; width: 100%;
/* border: 1px solid black;*/
} }
td { td {
@@ -179,7 +203,7 @@ body::-webkit-scrollbar {
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.play table,.overview table { .play table,.overview table,.stats table {
width: 100%; width: 100%;
} }
.topnav button { .topnav button {
@@ -196,7 +220,7 @@ body::-webkit-scrollbar {
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.play table,.overview table { .play table,.overview table,.stats table {
width: 100%; width: 100%;
} }
.topnav button { .topnav button {
+2 -3
View File
@@ -26,19 +26,17 @@ $totalcount = $result1->fetchArray(SQLITE3_ASSOC);
</style> </style>
</head> </head>
<body> <body>
<div class="history centered">
<form action="" method="POST"> <form action="" method="POST">
<input type="date" name="date" value="<?php echo $theDate;?>"> <input type="date" name="date" value="<?php echo $theDate;?>">
<button type="submit" name="view" value="Daily Charts">Submit Date</button> <button type="submit" name="view" value="Daily Charts">Submit Date</button>
</form> </form>
<div>
<table> <table>
<tr> <tr>
<th>Total Detections For The Day</th> <th>Total Detections For The Day</th>
<td><?php echo $totalcount['COUNT(*)'];?></td> <td><?php echo $totalcount['COUNT(*)'];?></td>
</tr> </tr>
</table> </table>
</div>
<?php <?php
if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) { if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) {
echo "<img src=\"/Charts/$chart?nocache=time()\" >"; echo "<img src=\"/Charts/$chart?nocache=time()\" >";
@@ -51,4 +49,5 @@ if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart2)) {
} else { } else {
echo "<p>No Charts For $theDate</p>"; echo "<p>No Charts For $theDate</p>";
}?> }?>
</div>
</html> </html>