Fascinated/beatsaber-overlay
Fascinated/beatsaber-overlay
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Wiki Activity

Changed font, fixed some things and fixed css

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/_document.js
View File

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

7
pages/overlay.js
View File

@ -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;
}

8
styles/overlay.module.css
View File

@ -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;
}

6
styles/scoreStats.module.css
View File

@ -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 {

14
styles/songInfo.module.css
View File

@ -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;
}