mirror of
https://github.com/mudabbir-ahmad/peworkshop.git
synced 2026-10-08 03:50:21 +00:00
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:
1 parent
fe09c45679
commit
44a61c9220
2 files changed
+29
-16
No files matched your search
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user