Changed font, fixed some things and fixed css

This commit is contained in:
Liam 2022-10-11 13:47:13 +01:00
parent 14352b62af
commit a90f83f771
5 changed files with 28 additions and 11 deletions

@ -20,6 +20,10 @@ class MyDocument extends Document {
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<link
href="https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap"
rel="stylesheet"
/>
</Head> </Head>
<body> <body>
<Main /> <Main />

@ -85,6 +85,7 @@ export default class Overlay extends Component {
} }
async componentDidMount() { async componentDidMount() {
console.log("Initializing...");
this.#_beatSaverURL = document.location.origin + "/api/beatsaver/map?hash=%s"; this.#_beatSaverURL = document.location.origin + "/api/beatsaver/map?hash=%s";
const urlSearchParams = new URLSearchParams(window.location.search); const urlSearchParams = new URLSearchParams(window.location.search);
const params = Object.fromEntries(urlSearchParams.entries()); const params = Object.fromEntries(urlSearchParams.entries());
@ -101,7 +102,7 @@ export default class Overlay extends Component {
} }
// Check if the player wants to disable their stats (pp, global pos, etc) // Check if the player wants to disable their stats (pp, global pos, etc)
if (params.playerstats === 'false') { if (params.showPlayerStats === 'false' || params.playerstats === 'false') {
this.setState({ showPlayerStats: false }); this.setState({ showPlayerStats: false });
} }
@ -112,13 +113,13 @@ export default class Overlay extends Component {
let shouldConnectSocket = false; let shouldConnectSocket = false;
// Check if the player wants to show their current score information // Check if the player wants to show their current score information
if (params.scoreinfo === 'true') { if (params.showScoreInfo === 'true' || params.scoreinfo === 'true') {
this.setState({ showScore: true }); this.setState({ showScore: true });
shouldConnectSocket = true; shouldConnectSocket = true;
} }
// Check if the player wants to show the current song // Check if the player wants to show the current song
if (params.songinfo === 'true') { if (params.showSongInfo === 'true' || params.songinfo === 'true') {
this.setState({ showSongInfo: true }); this.setState({ showSongInfo: true });
shouldConnectSocket = true; shouldConnectSocket = true;
} }

@ -1,10 +1,16 @@
.main { .main {
font-family: 'Roboto', sans-serif !important; font-family: 'Teko', sans-serif !important;
color: white; color: white;
font-size: xx-large; font-size: xx-large;
line-height: 1.4em !important; line-height: 1.4em !important;
} }
.main p {
font-family: 'Teko', sans-serif !important;
color: white;
letter-spacing: normal;
}
.loading { .loading {
color: black; color: black;
} }

@ -4,6 +4,7 @@
top:0; top:0;
right:0; right:0;
margin-right: 5px; margin-right: 5px;
min-width: 135px;
} }
.scoreStats p { .scoreStats p {
@ -22,6 +23,11 @@
.scoreStatsHands { .scoreStatsHands {
display: flex; display: flex;
justify-content: center;
}
.scoreStatsHands p {
min-width: 57px;
} }
.scoreStatsHands div { .scoreStatsHands div {

@ -18,14 +18,14 @@
.songInfoSongName { .songInfoSongName {
font-size: x-large; font-size: 26px;
font-weight: bold; font-weight: bold;
} }
.songInfoSongAuthor { .songInfoSongAuthor {
font-size: large; font-size: large;
margin-top: -5px; margin-top: -12px;
margin-bottom: -5px; margin-bottom: -7px;
} }
.songInfoSongOtherContainer { .songInfoSongOtherContainer {
@ -34,7 +34,7 @@
} }
.songInfoDiff { .songInfoDiff {
font-size: large; font-size: 22px;
padding: 0px 4px; padding: 0px 4px;
width: fit-content; width: fit-content;
border-radius: 5%; border-radius: 5%;
@ -42,7 +42,7 @@
} }
.songInfoBsr { .songInfoBsr {
font-size: large; font-size: 22px;
margin-left: 10px; margin-left: 10px;
} }
@ -69,6 +69,6 @@
} }
.songTimeText { .songTimeText {
margin-top: 6px; margin-top: 2px;
font-size: large; font-size: 20px;
} }