From a90f83f77157dacd7a919c45eeb8cdeabba45fc6 Mon Sep 17 00:00:00 2001
From: Liam <67254223+RealFascinated@users.noreply.github.com>
Date: Tue, 11 Oct 2022 13:47:13 +0100
Subject: [PATCH] Changed font, fixed some things and fixed css
---
pages/_document.js | 4 ++++
pages/overlay.js | 7 ++++---
styles/overlay.module.css | 8 +++++++-
styles/scoreStats.module.css | 6 ++++++
styles/songInfo.module.css | 14 +++++++-------
5 files changed, 28 insertions(+), 11 deletions(-)
diff --git a/pages/_document.js b/pages/_document.js
index 67d9f2e..9ff4766 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -20,6 +20,10 @@ class MyDocument extends Document {
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
+
diff --git a/pages/overlay.js b/pages/overlay.js
index 4d80a00..d2dbad5 100644
--- a/pages/overlay.js
+++ b/pages/overlay.js
@@ -85,6 +85,7 @@ export default class Overlay extends Component {
}
async componentDidMount() {
+ console.log("Initializing...");
this.#_beatSaverURL = document.location.origin + "/api/beatsaver/map?hash=%s";
const urlSearchParams = new URLSearchParams(window.location.search);
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)
- if (params.playerstats === 'false') {
+ if (params.showPlayerStats === 'false' || params.playerstats === 'false') {
this.setState({ showPlayerStats: false });
}
@@ -112,13 +113,13 @@ export default class Overlay extends Component {
let shouldConnectSocket = false;
// 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 });
shouldConnectSocket = true;
}
// 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 });
shouldConnectSocket = true;
}
diff --git a/styles/overlay.module.css b/styles/overlay.module.css
index 681483b..71e6b8c 100644
--- a/styles/overlay.module.css
+++ b/styles/overlay.module.css
@@ -1,10 +1,16 @@
.main {
- font-family: 'Roboto', sans-serif !important;
+ font-family: 'Teko', sans-serif !important;
color: white;
font-size: xx-large;
line-height: 1.4em !important;
}
+.main p {
+ font-family: 'Teko', sans-serif !important;
+ color: white;
+ letter-spacing: normal;
+}
+
.loading {
color: black;
}
\ No newline at end of file
diff --git a/styles/scoreStats.module.css b/styles/scoreStats.module.css
index 5f51e78..8ae64ac 100644
--- a/styles/scoreStats.module.css
+++ b/styles/scoreStats.module.css
@@ -4,6 +4,7 @@
top:0;
right:0;
margin-right: 5px;
+ min-width: 135px;
}
.scoreStats p {
@@ -22,6 +23,11 @@
.scoreStatsHands {
display: flex;
+ justify-content: center;
+}
+
+.scoreStatsHands p {
+ min-width: 57px;
}
.scoreStatsHands div {
diff --git a/styles/songInfo.module.css b/styles/songInfo.module.css
index df02cc1..aa0b0bf 100644
--- a/styles/songInfo.module.css
+++ b/styles/songInfo.module.css
@@ -18,14 +18,14 @@
.songInfoSongName {
- font-size: x-large;
+ font-size: 26px;
font-weight: bold;
}
.songInfoSongAuthor {
font-size: large;
- margin-top: -5px;
- margin-bottom: -5px;
+ margin-top: -12px;
+ margin-bottom: -7px;
}
.songInfoSongOtherContainer {
@@ -34,7 +34,7 @@
}
.songInfoDiff {
- font-size: large;
+ font-size: 22px;
padding: 0px 4px;
width: fit-content;
border-radius: 5%;
@@ -42,7 +42,7 @@
}
.songInfoBsr {
- font-size: large;
+ font-size: 22px;
margin-left: 10px;
}
@@ -69,6 +69,6 @@
}
.songTimeText {
- margin-top: 6px;
- font-size: large;
+ margin-top: 2px;
+ font-size: 20px;
}
\ No newline at end of file