br0kenpixel/Tricky-Addon-Update-Target-List
1
0
Fork 0
mirror of https://github.com/KOWX712/Tricky-Addon-Update-Target-List.git synced 2025-09-06 06:37:09 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

touch up

Browse Source
This commit is contained in:
KOWX712
2025-02-11 18:07:01 +08:00
parent 41430b4386
commit f36f5bf7db
2 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
module/webui/scripts/security_patch.js
View File

@@ -12,7 +12,9 @@ const vendorPatchInput = document.getElementById('vendor-patch');
const autoButton = document.getElementById('auto-config'); const autoButton = document.getElementById('auto-config');
const saveButton = document.getElementById('save-patch'); const saveButton = document.getElementById('save-patch');
export function showSecurityPatchDialog() { // Show security patch dialog
function showSecurityPatchDialog() {
document.body.classList.add("no-scroll");
overlay.style.display = 'block'; overlay.style.display = 'block';
card.style.display = 'block'; card.style.display = 'block';
setTimeout(() => { setTimeout(() => {
@@ -24,6 +26,7 @@ export function showSecurityPatchDialog() {
// Hide security patch dialog // Hide security patch dialog
function hideSecurityPatchDialog() { function hideSecurityPatchDialog() {
document.body.classList.remove("no-scroll");
overlay.style.opacity = '0'; overlay.style.opacity = '0';
card.style.opacity = '0'; card.style.opacity = '0';
setTimeout(() => { setTimeout(() => {

26
module/webui/styles/security-patch.css
View File

@@ -14,16 +14,18 @@
.security-patch-card { .security-patch-card {
display: none; display: none;
position: fixed; position: fixed;
top: 50%; top: 10%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translateX(-50%);
background-color: white; background-color: white;
padding: 20px; padding: 30px;
border-radius: 15px; border-radius: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 2001; z-index: 2001;
width: calc(90% - 40px); width: calc(90% - 60px);
max-width: 400px; max-width: 300px;
max-height: 90%;
overflow-y: auto;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
opacity: 0; opacity: 0;
} }
@@ -61,14 +63,14 @@
} }
.button-container { .button-container {
display: flex; width: 100%;
gap: 10px; gap: 10px;
justify-content: flex-end;
margin-top: 10px; margin-top: 10px;
} }
.auto-button, .save-button { .auto-button, .save-button {
padding: 10px 20px; width: 100%;
padding: 10px;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-size: 18px; font-size: 18px;
@@ -78,8 +80,7 @@
} }
.auto-button { .auto-button {
background-color: #6E6E6E; background-color: #ddd;
color: white;
} }
.save-button { .save-button {
@@ -110,4 +111,9 @@
color: #fff; color: #fff;
border: 1px solid #6E6E6E; border: 1px solid #6E6E6E;
} }
.auto-button {
background-color: #6E6E6E;
color: white;
}
} }