diff --git a/pages/api/beatsaver/art/[hash].js b/pages/api/beatsaver/art/[hash].js index 83db57e..70df6ea 100644 --- a/pages/api/beatsaver/art/[hash].js +++ b/pages/api/beatsaver/art/[hash].js @@ -17,7 +17,7 @@ export default async function handler(req, res) { const exists = fs.existsSync(imagePath); if (!exists) { const data = await fetch(`https://eu.cdn.beatsaver.com/${mapHash}.${ext}`); - let buffer = await data.arrayBuffer(); + let buffer = await data.buffer(); buffer = await sharp(buffer).resize(150, 150).toBuffer() fs.writeFileSync(imagePath, buffer); res.setHeader('Content-Type', 'image/' + ext) diff --git a/styles/globals.css b/styles/globals.css index 32c50fc..c621270 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,7 +1,7 @@ * { font-family: 'Roboto', sans-serif !important; color: white !important; - font-size: xx-large !important; + font-size: xx-large; line-height: 1.4em !important; } @@ -74,6 +74,10 @@ body, html { margin-left: 10px; } +.player-stats p { + font-size: xx-large; +} + .score-stats { text-align: center; position:absolute; @@ -82,6 +86,10 @@ body, html { margin-right: 5px; } +.score-stats p { + font-size: xx-large; +} + .score-stats-right { margin-right: 10px; } @@ -93,7 +101,6 @@ body, html { .score-stats-hands { display: flex; - margin-top: -30px; } .score-stats-hands div { @@ -112,6 +119,7 @@ body, html { left:0; margin-left: 5px; margin-bottom: 5px; + font-size: large !important; } .song-info-container img { @@ -120,7 +128,10 @@ body, html { .song-info { margin-left: 10px; - margin-top: -10px; +} + +.song-info p { + font-size: x-large; } .song-info-song-name { @@ -136,21 +147,20 @@ body, html { .song-info-song-other-container { display: flex; + margin-top: 6px; } .song-info-diff { font-size: large; - padding: 4px 4px; + padding: 0px 4px 0px 4px; width: fit-content; border-radius: 5%; font-weight: bold; - margin: auto; } .song-info-bsr { font-size: large; margin-left: 10px; - margin-top: 3px; } .song-time-container { @@ -176,6 +186,6 @@ body, html { } .song-time-text { - margin-top: 8px; + margin-top: 6px; font-size: large; } \ No newline at end of file