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

close button

Browse Source
This commit is contained in:
SpikeHD 2022-04-21 15:33:14 -07:00
parent 107a650e54
commit 7707a067c7
3 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/index.html
View File

@ -8,8 +8,11 @@
<script src="js/index.js"></script> <script src="js/index.js"></script>
</head> </head>
<body> <body>
<div id="settingsPanel"> <div id="settingsPanel" style="display: none;">
<span id="fullSettingsTitle">Settings</span> <span id="fullSettingsTitle">Settings</span>
<div id="settingsClose">
<img src="icons/close.svg" onclick="closeSettings()" />
</div>
<div id="settingsPanelInner"> <div id="settingsPanelInner">
<div class="settingTitle"> <div class="settingTitle">
<span>Scripts</span> <span>Scripts</span>

6
resources/js/index.js
View File

@ -313,6 +313,12 @@ async function openSettings() {
killSwitch.checked = config.enableKillswitch killSwitch.checked = config.enableKillswitch
} }
async function closeSettings() {
const settings = document.querySelector('#settingsPanel')
settings.style.display = 'none'
}
async function toggleKillSwitch() { async function toggleKillSwitch() {
const killSwitch = document.querySelector('#killswitchOption') const killSwitch = document.querySelector('#killswitchOption')
const config = await getCfg() const config = await getCfg()

15
resources/style/index.css
View File

@ -66,6 +66,21 @@ body {
font-weight: normal; font-weight: normal;
} }
#settingsClose {
display: inline-block;
margin-left: 65%;
transition: filter 0.1s ease-in-out;
}
#settingsClose img {
height: 20px;
}
#settingsClose:hover {
filter: invert(85%) sepia(31%) saturate(560%) hue-rotate(329deg) brightness(100%) contrast(92%);
cursor: pointer;
}
#ipList { #ipList {
position: absolute; position: absolute;
z-index: 99; z-index: 99;