Still altering the scroll div + minor change to clue page

making a minor change to the clue page so that the clue page renders the clues properly for the ones that are found , this is so that the found clues have their time stamp in the correct places.
This commit is contained in:
bobbert committed 2025-03-23 19:35:47 +00:00
1 parent fe09c45679
commit 44a61c9220
2 files changed
+29 -16

No files matched your search

+8 -4
View File
@@ -99,7 +99,7 @@ export default function StatsPage() {
{clue.title || `Clue #${clue.id}`}
</div>
<div className="clue-time">
{new Date(clue.found_at).toLocaleTimeString()}
Found at: {new Date(clue.found_at).toLocaleTimeString()}
</div>
</div>
</li>
@@ -109,7 +109,7 @@ export default function StatsPage() {
)}
</ul>
<h3 className="section-title">
<h3 className="section-title section-title-skipped">
Skipped Clues ({skippedClues?.length || 0})
</h3>
<ul className="clue-list">
@@ -121,7 +121,7 @@ export default function StatsPage() {
{clue.title || `Clue #${clue.id}`}
</div>
<div className="clue-time">
Skipped at {new Date(clue.found_at).toLocaleTimeString()}
Skipped at: {new Date(clue.found_at).toLocaleTimeString()}
</div>
</div>
</li>
@@ -279,6 +279,10 @@ export default function StatsPage() {
font-weight: 600;
}
.section-title-skipped {
margin-top: 30px;
}
.clue-list {
list-style: none;
padding: 0;
@@ -289,7 +293,7 @@ export default function StatsPage() {
padding: 12px 15px;
border-bottom: 1px solid #eee;
background-color: #f9f9f9;
margin-bottom: 5px;
margin-bottom: 10px;
border-radius: 4px;
border-left: 3px solid #4caf50;
}