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

login popup layout

Browse Source
This commit is contained in:
SpikeHD 2022-04-26 17:55:16 -07:00
parent bbc2d54287
commit 4abaadb2a0
2 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
resources/index.html
View File

@ -22,6 +22,43 @@
</div>
</div>
<!-- Login popup -->
<div id="loginPanel">
<div id="loginPopupTitle">
<span>
Login or Register
</span>
<div id="loginPopupCloseBtn" onclick="closeLoginPopup()">
<img src="icons/close.svg" />
</div>
</div>
<div id="loginPopupContentBody">
<div id="loginPopupContentBodyText">
<span>
Please enter a username and password to login or register.
</span>
</div>
<div id="loginPopupContentBodyInputs">
<div id="loginPopupContentBodyInputsUsername">
<span>
Username:
</span>
<input type="text" id="loginUsername" />
</div>
<div id="loginPopupContentBodyInputsPassword">
<span>
Password:
</span>
<input type="password" id="loginPassword" />
</div>
</div>
<div id="loginPopupContentBodyBtns">
<button class="playBtn" id="loginPopupContentBodyBtnLogin" onclick="login()">Login</button>
<button class="altBtn" id="loginPopupContentBodyBtnCancel" onclick="closeLoginPopup()">Register</button>
</div>
</div>
</div>
<!-- Setting panel -->
<div id="settingsPanel" style="display: none;">
<div id="settingsTitleBar">

12
resources/style/index.css
View File

@ -33,7 +33,19 @@ body {
margin-bottom: 6px;
}
#loginPanel img {
height: 20px;
}
#loginPopupTitle {
display: flex;
justify-content: space-between;
font-size: 1.2em;
font-weight: bold;
}
#firstTimeNotice,
#loginPanel,
#settingsPanel {
display: block;
position: absolute;