opt: add scale animation to overlay content, fix text alignment issue in add system app overlay

This commit is contained in:
KOWX712
2025-03-21 18:44:04 +08:00
parent 7a8e5979cd
commit 530f006154
10 changed files with 70 additions and 36 deletions

View File

@@ -1,5 +1,6 @@
const helpButton = document.getElementById('help-button');
const helpOverlay = document.getElementById('help-overlay');
const helpContent = document.querySelector('.help-menu');
const closeHelp = document.getElementById('close-help');
// Open help menu
@@ -8,11 +9,13 @@ helpButton.addEventListener("click", () => {
helpOverlay.style.display = "flex";
setTimeout(() => {
helpOverlay.style.opacity = 1;
helpContent.classList.add('open');
}, 10);
});
const hideHelpOverlay = () => {
helpOverlay.style.opacity = 0;
helpContent.classList.remove('open');
document.body.classList.remove("no-scroll");
setTimeout(() => {
helpOverlay.style.display = "none";