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

Changed yet more css and fixed song art again lol

Browse Source
This commit is contained in:
Liam 2022-10-03 08:31:28 +01:00
parent 66817d2884
commit a3971118ab
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/api/beatsaver/art/[hash].js
View File

@ -17,7 +17,7 @@ export default async function handler(req, res) {
const exists = fs.existsSync(imagePath); const exists = fs.existsSync(imagePath);
if (!exists) { if (!exists) {
const data = await fetch(`https://eu.cdn.beatsaver.com/${mapHash}.${ext}`); 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() buffer = await sharp(buffer).resize(150, 150).toBuffer()
fs.writeFileSync(imagePath, buffer); fs.writeFileSync(imagePath, buffer);
res.setHeader('Content-Type', 'image/' + ext) res.setHeader('Content-Type', 'image/' + ext)

24
styles/globals.css
View File

@ -1,7 +1,7 @@
* { * {
font-family: 'Roboto', sans-serif !important; font-family: 'Roboto', sans-serif !important;
color: white !important; color: white !important;
font-size: xx-large !important; font-size: xx-large;
line-height: 1.4em !important; line-height: 1.4em !important;
} }
@ -74,6 +74,10 @@ body, html {
margin-left: 10px; margin-left: 10px;
} }
.player-stats p {
font-size: xx-large;
}
.score-stats { .score-stats {
text-align: center; text-align: center;
position:absolute; position:absolute;
@ -82,6 +86,10 @@ body, html {
margin-right: 5px; margin-right: 5px;
} }
.score-stats p {
font-size: xx-large;
}
.score-stats-right { .score-stats-right {
margin-right: 10px; margin-right: 10px;
} }
@ -93,7 +101,6 @@ body, html {
.score-stats-hands { .score-stats-hands {
display: flex; display: flex;
margin-top: -30px;
} }
.score-stats-hands div { .score-stats-hands div {
@ -112,6 +119,7 @@ body, html {
left:0; left:0;
margin-left: 5px; margin-left: 5px;
margin-bottom: 5px; margin-bottom: 5px;
font-size: large !important;
} }
.song-info-container img { .song-info-container img {
@ -120,7 +128,10 @@ body, html {
.song-info { .song-info {
margin-left: 10px; margin-left: 10px;
margin-top: -10px; }
.song-info p {
font-size: x-large;
} }
.song-info-song-name { .song-info-song-name {
@ -136,21 +147,20 @@ body, html {
.song-info-song-other-container { .song-info-song-other-container {
display: flex; display: flex;
margin-top: 6px;
} }
.song-info-diff { .song-info-diff {
font-size: large; font-size: large;
padding: 4px 4px; padding: 0px 4px 0px 4px;
width: fit-content; width: fit-content;
border-radius: 5%; border-radius: 5%;
font-weight: bold; font-weight: bold;
margin: auto;
} }
.song-info-bsr { .song-info-bsr {
font-size: large; font-size: large;
margin-left: 10px; margin-left: 10px;
margin-top: 3px;
} }
.song-time-container { .song-time-container {
@ -176,6 +186,6 @@ body, html {
} }
.song-time-text { .song-time-text {
margin-top: 8px; margin-top: 6px;
font-size: large; font-size: large;
} }