shkong/GrassClipper
1
0
Fork 0
mirror of https://github.com/Grasscutters/GrassClipper.git synced 2024-08-14 13:11:48 +08:00
Code Issues Projects Releases Wiki Activity

button fixes

Browse Source
This commit is contained in:
SpikeHD 2022-04-22 15:58:47 -07:00
parent aebf621a47
commit ef44855597
4 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/bg/private/1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

BIN
resources/bg/server/1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 221 KiB

6
resources/js/index.js
View File

@ -180,12 +180,18 @@ async function setBackgroundImage() {
const privImages = (await filesystem.readDirectory(NL_CWD + '/resources/bg/private')).filter(file => file.type === 'FILE' && !file.entry.includes('default')) const privImages = (await filesystem.readDirectory(NL_CWD + '/resources/bg/private')).filter(file => file.type === 'FILE' && !file.entry.includes('default'))
const privImage = privImages[Math.floor(Math.random() * privImages.length)].entry const privImage = privImages[Math.floor(Math.random() * privImages.length)].entry
const servImages = (await filesystem.readDirectory(NL_CWD + '/resources/bg/server')).filter(file => file.type === 'FILE' && !file.entry.includes('default'))
const servImage = servImages[Math.floor(Math.random() * servImages.length)].entry
// Set default image, it will change if the bg folder exists // Set default image, it will change if the bg folder exists
document.querySelector('#firstPanel').style.backgroundImage = `url("https://webstatic.hoyoverse.com/upload/event/2020/11/04/7fd661b5184e1734f91f628b6f89a31f_7367318474207189623.png")` document.querySelector('#firstPanel').style.backgroundImage = `url("https://webstatic.hoyoverse.com/upload/event/2020/11/04/7fd661b5184e1734f91f628b6f89a31f_7367318474207189623.png")`
// Set the private background image // Set the private background image
document.querySelector('#secondPanel').style.backgroundImage = `url("../bg/private/${privImage}")` document.querySelector('#secondPanel').style.backgroundImage = `url("../bg/private/${privImage}")`
// Set the server background image
document.querySelector('#thirdPanel').style.backgroundImage = `url("../bg/server/${servImage}")`
return return

11
resources/style/index.css
View File

@ -315,13 +315,16 @@ body {
#firstPanel, #secondPanel { #firstPanel, #secondPanel {
border-right: 6px solid #141414; border-right: 6px solid #141414;
}
#firstPanel {
background-position: -340px; background-position: -340px;
} }
/* Move the first official button to the position on the png */ /* Move the first official button to the position on the png */
#firstPanel button { #firstPanel button {
position: relative; position: relative;
transform: translate(140px, 500px); /* transform: translate(140px, 500px); */
width: 300px; width: 300px;
height: 60px; height: 60px;
} }
@ -356,11 +359,15 @@ body {
/* Move the second private button the near-bottom */ /* Move the second private button the near-bottom */
#secondControlContainer { #secondControlContainer {
position: relative; position: relative;
transform: translate(115px, 456px); /* transform: translate(115px, 456px); */
width: 300px; width: 300px;
height: 60px; height: 60px;
} }
#secondControlContainer, #firstPanel button, #thirdPanel button {
margin-top: 100%;
}
#serverInput input, #serverInput img{ #serverInput input, #serverInput img{
display: inline-block; display: inline-block;
} }