Add coloring for top 3 position
This commit is contained in:
@@ -11,14 +11,17 @@
|
|||||||
|
|
||||||
.first-place {
|
.first-place {
|
||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
font-weight: bolder; }
|
font-weight: bolder;
|
||||||
|
color: gold; }
|
||||||
|
|
||||||
.second-place {
|
.second-place {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
color: silver; }
|
||||||
|
|
||||||
.third-place {
|
.third-place {
|
||||||
font-size: larger; }
|
font-size: larger;
|
||||||
|
color: saddlebrown; }
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 4vw;
|
font-size: 4vw;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"version": 3,
|
"version": 3,
|
||||||
"mappings": "AAAA,IAAK;EACH,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,UAAU;EACjB,gBAAgB,EAAE,OAAO;;AAG3B,YAAa;EACX,SAAS,EAAE,QAAQ;EACnB,WAAW,EAAE,MAAM;;AAGrB,aAAc;EACZ,SAAS,EAAE,OAAO;EAClB,WAAW,EAAE,IAAI;;AAGnB,YAAa;EACX,SAAS,EAAE,MAAM;;AAGnB,MAAO;EACL,SAAS,EAAE,GAAG;EACd,KAAK,EAAE,OAAO;;AAGhB,MAAO;EACL,OAAO,EAAE,IAAI;;AAGf;;;QAGS;EACP,KAAK,EAAE,OAAO;;AAGhB,QAAS;EACP,OAAO,EAAE,MAAM",
|
"mappings": "AAAA,IAAK;EACH,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,UAAU;EACjB,gBAAgB,EAAE,OAAO;;AAG3B,YAAa;EACX,SAAS,EAAE,QAAQ;EACnB,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,IAAI;;AAGb,aAAc;EACZ,SAAS,EAAE,OAAO;EAClB,WAAW,EAAE,IAAI;EACjB,KAAK,EAAE,MAAM;;AAGf,YAAa;EACX,SAAS,EAAE,MAAM;EACjB,KAAK,EAAE,WAAW;;AAGpB,MAAO;EACL,SAAS,EAAE,GAAG;EACd,KAAK,EAAE,OAAO;;AAGhB,MAAO;EACL,OAAO,EAAE,IAAI;;AAGf;;;QAGS;EACP,KAAK,EAAE,OAAO;;AAGhB,QAAS;EACP,OAAO,EAAE,MAAM",
|
||||||
"sources": ["App.scss"],
|
"sources": ["App.scss"],
|
||||||
"names": [],
|
"names": [],
|
||||||
"file": "App.css"
|
"file": "App.css"
|
||||||
|
|||||||
@@ -13,15 +13,18 @@
|
|||||||
.first-place {
|
.first-place {
|
||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
|
color: gold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.second-place {
|
.second-place {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
color: silver;
|
||||||
}
|
}
|
||||||
|
|
||||||
.third-place {
|
.third-place {
|
||||||
font-size: larger;
|
font-size: larger;
|
||||||
|
color: saddlebrown;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
@@ -43,11 +43,9 @@ export default class App extends React.Component {
|
|||||||
</table>
|
</table>
|
||||||
<footer>
|
<footer>
|
||||||
Made by <a href="https://humenius.me"
|
Made by <a href="https://humenius.me"
|
||||||
rel="noreferrer nofollow"
|
>Humenius</a>.
|
||||||
target="_blank">Humenius</a>.
|
|
||||||
Powered by <a href="https://reactjs.org/"
|
Powered by <a href="https://reactjs.org/"
|
||||||
rel="noreferrer nofollow"
|
>React</a>.
|
||||||
target="_blank">React</a>.
|
|
||||||
<br />
|
<br />
|
||||||
<a href="ts3server://ts.humenius.me">
|
<a href="ts3server://ts.humenius.me">
|
||||||
Click here to join my TeamSpeak server
|
Click here to join my TeamSpeak server
|
||||||
|
|||||||
Reference in New Issue
Block a user