Fixed css issues

This commit is contained in:
Liam 2022-10-10 13:21:10 +01:00
parent 6218fbd27a
commit db52ef3063
4 changed files with 3 additions and 5 deletions

@ -193,7 +193,7 @@ export default class Overlay extends Component {
async resetData(visible) { async resetData(visible) {
console.log("Exiting level, resetting data.") console.log("Exiting level, resetting data.")
setTimeout(async () => { setTimeout(async () => {
await this.updateData(id); await this.updateData(this.state.id);
}, 250); }, 250);
this.setState({ this.setState({
leftHand: { leftHand: {

@ -67,7 +67,7 @@ export default class SongInfo extends Component {
return <div className={styles.songInfoContainer}> return <div className={styles.songInfoContainer}>
<img src={songArt}/> <img src={songArt}/>
<div className={styles.songInfo}> <div className={styles.songInfo}>
<p className={styles.songInfoSongName}>{songName}</p> <p className={styles.songInfoSongName}>{songName.length > 35 ? songName.substring(0, 35) + "..." : songName}</p>
<p className={styles.songInfoSongAuthor}>{songAuthorName}</p> <p className={styles.songInfoSongAuthor}>{songAuthorName}</p>
<div className={styles.songInfoSongOtherContainer}> <div className={styles.songInfoSongOtherContainer}>
<p className={styles.songInfoDiff} style={{ backgroundColor: this.state.diffColor }}>{difficulty}</p> <p className={styles.songInfoDiff} style={{ backgroundColor: this.state.diffColor }}>{difficulty}</p>

@ -8,6 +8,7 @@
.scoreStats p { .scoreStats p {
font-size: xx-large; font-size: xx-large;
line-height: 1.4em;
} }
.scoreStatsRight { .scoreStatsRight {

@ -16,9 +16,6 @@
margin-left: 10px; margin-left: 10px;
} }
.songInfo p {
font-size: x-large;
}
.songInfoSongName { .songInfoSongName {
font-size: x-large; font-size: x-large;