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

@@ -145,7 +145,7 @@
<!-- Help Overlay -->
<div id="help-overlay" class="help-overlay overlay">
<div class="help-menu">
<div class="help-menu overlay-content">
<button id="close-help" class="close-btn">&#x2715;</button>
<div class="help-content">
<div class="help-content-header" data-i18n="help.help_instructions"></div>
@@ -195,7 +195,7 @@
<!-- BootHash Input Overlay -->
<div id="boot-hash-overlay" class="boot-hash-overlay overlay">
<div id="boot-hash-card" class="boot-hash-card">
<div id="boot-hash-card" class="boot-hash-card overlay-content">
<div class="boot-hash-title" data-i18n="boot_hash.title"></div>
<textarea id="boot-hash-input" class="boot-hash-input" placeholder="Paste your verified Boot Hash here" data-i18n="boot_hash.input_placeholder" oninput="window.trimInput(this)"></textarea>
<button id="boot-hash-save-button" class="boot-hash-save-button ripple-element" data-i18n="boot_hash.save_button"></button>
@@ -204,7 +204,7 @@
<!-- About Overlay -->
<div id="about-overlay" class="about-overlay overlay">
<div class="about-menu">
<div class="about-menu overlay-content">
<button id="close-about" class="close-btn">&#x2715;</button>
<div class="about-title">
<p id="module_name_line1" data-i18n="about.module_name_line1"></p>
@@ -232,7 +232,7 @@
<!-- Update Overlay -->
<div class="update-overlay overlay">
<div class="update-menu">
<div class="update-menu overlay-content">
<button id="close-update" class="close-btn">&#x2715;</button>
<div class="update-content">
<h1 data-i18n="update.changelog"></h1>
@@ -263,7 +263,7 @@
<!-- File Selector Overlay -->
<div class="file-selector-overlay overlay">
<div class="file-selector">
<div class="file-selector overlay-content">
<div class="file-selector-header">
<button class="back-button">
<svg xmlns="http://www.w3.org/2000/svg" height="22px" viewBox="40 -1050 900 960" width="22px"><path d="M400-93.85 13.85-480 400-866.15l56.77 56.77L127.38-480l329.39 329.38L400-93.85Z"/></svg>
@@ -277,7 +277,7 @@
<!-- Security Patch Overlay -->
<div id="security-patch-overlay" class="security-patch-overlay overlay">
<div id="security-patch-card" class="security-patch-card">
<div id="security-patch-card" class="security-patch-card overlay-content">
<div class="security-patch-header" data-i18n="security_patch.title"></div>
<div class="security-patch-content">
<div id="normal-mode-inputs" class="normal-mode-inputs">
@@ -327,7 +327,7 @@
<!-- Add System App Overlay -->
<div id="add-system-app-overlay" class="add-system-app-overlay overlay">
<div id="add-system-app-card" class="add-system-app-card">
<div id="add-system-app-card" class="add-system-app-card overlay-content">
<div class="add-system-app-title" data-i18n="add_system_app.title"></div>
<div class="add-system-app-content">
<input type="text" id="system-app-input" placeholder="com.example.app" autocapitalize="none">
@@ -340,7 +340,7 @@
<!-- Uninstall Confirmation Overlay -->
<div class="uninstall-confirmation-overlay overlay" id="uninstall-confirmation-overlay">
<div class="uninstall-confirmation">
<div class="uninstall-confirmation overlay-content">
<div class="uninstall-confirmation-title" data-i18n="confirmation.uninstall_title"></div>
<p data-i18n="confirmation.uninstall_message"></p>
<div class="uninstall-confirmation-button-container">