Grasscutters/GrassClipper
3
0
Fork 0
mirror of https://github.com/Grasscutters/GrassClipper.git synced 2024-11-16 04:45:34 +00: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>
<div id="halvesContainer">
<div id="firstHalf">
<button>Play Official</button>
<button class="playBtn">Play Official</button>
</div>
<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>
</body>

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

26
resources/style/index.css
View File

@ -1,9 +1,13 @@
body {
overflow: none;
height: 100vh;
height: 85vh;
}
button {
.playBtn:hover, .smolBtn:hover {
cursor: pointer;
}
.playBtn {
padding: 0 30px;
border-radius: 5px;
border: none;
@ -14,6 +18,24 @@ button {
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 {
width: 100%;
height: 100%;