myheats

commit db0a0a33bd50fc74cc57e365d76705c3b06d6a1b
parent 5e3a7c13b00b02b5dc0003b00ce2330872fd16e2
Author: Andreas Gruhler <andreas.gruhler@adfinis.com>
Date:   Sat,  1 Apr 2023 00:45:28 +0200

feat(leaderboard): css classname for table

Diffstat:
M
src/App.css
 | 
13
++++++-------
M
src/Leaderboard.js
 | 
2
+-

2 files changed, 7 insertions(+), 8 deletions(-)
diff --git a/src/App.css b/src/App.css
@@ -12,22 +12,22 @@ tr, th,td {
 }
 
 /* set medal icon for first three rows */
-table tr:first-child td:first-child::after {
+table.leaderboard tr:first-child td:first-child::after {
   content: "🥇";
 }
-table tr:nth-child(2) td:first-child::after {
+table.leaderboard tr:nth-child(2) td:first-child::after {
   content: "🥈";
 }
-table tr:nth-child(3) td:first-child::after {
+table.leaderboard tr:nth-child(3) td:first-child::after {
   content: "🥉";
 }
 
 /* increment rank row number */
-table tr {
+table.leaderboard tr {
   counter-increment: rowNumber;
 }
-table tr td:first-child::before {
+table.leaderboard tr td:first-child::before {
   content: counter(rowNumber);
   min-width: 1em;
   margin-right: 0.5em;
-}
-\ No newline at end of file
+}
diff --git a/src/Leaderboard.js b/src/Leaderboard.js
@@ -259,7 +259,7 @@ function Leaderboard() {
         </div>
         <h1>Leaderboard</h1>
       </header>
-      <table>
+      <table className='leaderboard'>
         <thead>
           <tr>
             <th>Rank</th>