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

buttons and styling

Browse Source
This commit is contained in:
SpikeHD 2022-04-19 17:07:56 -07:00
parent e2f88a99f8
commit 17b2ae41e2
4 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.tmp/auth_info.json Normal file
View File

@ -0,0 +1 @@
{"accessToken":"BWn1vAUwCJw-q-E6Nh9H3xNherrl4e3BUIQ3t1Xv-uRh3K3z","port":60658}

10
resources/index.html
View File

@ -6,10 +6,16 @@
<body> <body>
<div id="halvesContainer"> <div id="halvesContainer">
<div id="firstHalf"> <div id="firstHalf">
<button>Play Official</button> <button class="playBtn">Play Official</button>
</div> </div>
<div id="secondHalf"> <div id="secondHalf">
<button>Play Private</button> <button class="playBtn">Play Private</button>
</div>
</div>
<div id="bottomBar">
<div class="bottomSection">
<button class="smolBtn">Set Genshin Impact folder</button>
</div> </div>
</div> </div>
</body> </body>

0
resources/js/index.js Normal file
View File

26
resources/style/index.css
View File

@ -1,9 +1,13 @@
body { body {
overflow: none; overflow: none;
height: 100vh; height: 85vh;
} }
button { .playBtn:hover, .smolBtn:hover {
cursor: pointer;
}
.playBtn {
padding: 0 30px; padding: 0 30px;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
@ -14,6 +18,24 @@ button {
font-size: 20px; font-size: 20px;
} }
.smolBtn {
padding: 0 20px;
border-radius: 5px;
border: none;
background: linear-gradient(#ffd326, #ffc61e);
color: #704a1d;
font-weight: bold;
height: 40px;
font-size: 14px;
}
#bottomBar {
display: flex;
justify-content: center;
width: 100%;
padding: 20px 0px;
}
#halvesContainer { #halvesContainer {
width: 100%; width: 100%;
height: 100%; height: 100%;