update layout

This commit is contained in:
KOWX712
2025-02-11 19:20:17 +08:00
parent 25ecc49a77
commit 0821e88fdc
11 changed files with 40 additions and 23 deletions

View File

@@ -296,19 +296,8 @@
<!-- Security Patch Overlay --> <!-- Security Patch Overlay -->
<div id="security-patch-overlay" class="security-patch-overlay"></div> <div id="security-patch-overlay" class="security-patch-overlay"></div>
<div id="security-patch-card" class="security-patch-card"> <div id="security-patch-card" class="security-patch-card">
<div class="security-patch-header" data-i18n="security_patch.title"></div>
<div class="security-patch-content"> <div class="security-patch-content">
<div class="advanced-toggle">
<input type="checkbox" class="checkbox" id="advanced-mode" />
<label for="advanced-mode" class="custom-checkbox">
<span class="tick-symbol">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 26 26" width="16px" height="16px" fill="#fff">
<path d="M 22.566406 4.730469 L 20.773438 3.511719 C 20.277344 3.175781 19.597656 3.304688 19.265625 3.796875 L 10.476563 16.757813 L 6.4375 12.71875 C 6.015625 12.296875 5.328125 12.296875 4.90625 12.71875 L 3.371094 14.253906 C 2.949219 14.675781 2.949219 15.363281 3.371094 15.789063 L 9.582031 22 C 9.929688 22.347656 10.476563 22.613281 10.96875 22.613281 C 11.460938 22.613281 11.957031 22.304688 12.277344 21.839844 L 22.855469 6.234375 C 23.191406 5.742188 23.0625 5.066406 22.566406 4.730469 Z"/>
</svg>
</span>
</label>
<label for="advanced-mode" data-i18n="security_patch.advanced_mode">Advanced Mode</label>
</div>
<div id="normal-mode-inputs" class="normal-mode-inputs"> <div id="normal-mode-inputs" class="normal-mode-inputs">
<div class="input-group"> <div class="input-group">
<label id="security_patch-all">All</label> <label id="security_patch-all">All</label>
@@ -331,6 +320,18 @@
</div> </div>
</div> </div>
<div class="advanced-toggle">
<input type="checkbox" class="checkbox" id="advanced-mode" />
<label for="advanced-mode" class="custom-checkbox">
<span class="tick-symbol">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3 26 26" width="16px" height="16px" fill="#fff">
<path d="M 22.566406 4.730469 L 20.773438 3.511719 C 20.277344 3.175781 19.597656 3.304688 19.265625 3.796875 L 10.476563 16.757813 L 6.4375 12.71875 C 6.015625 12.296875 5.328125 12.296875 4.90625 12.71875 L 3.371094 14.253906 C 2.949219 14.675781 2.949219 15.363281 3.371094 15.789063 L 9.582031 22 C 9.929688 22.347656 10.476563 22.613281 10.96875 22.613281 C 11.460938 22.613281 11.957031 22.304688 12.277344 21.839844 L 22.855469 6.234375 C 23.191406 5.742188 23.0625 5.066406 22.566406 4.730469 Z"/>
</svg>
</span>
</label>
<label for="advanced-mode" data-i18n="security_patch.advanced_mode"></label>
</div>
<div class="button-container"> <div class="button-container">
<button id="auto-config" class="auto-button" data-i18n="security_patch.auto">Auto</button> <button id="auto-config" class="auto-button" data-i18n="security_patch.auto">Auto</button>
<button id="save-patch" class="save-button" data-i18n="security_patch.save">Save</button> <button id="save-patch" class="save-button" data-i18n="security_patch.save">Save</button>

View File

@@ -93,7 +93,8 @@
"no_file_selected": "No file selected" "no_file_selected": "No file selected"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "Advanced Mode", "title": "Security Patch",
"advanced_mode": "Advanced",
"auto": "Auto", "auto": "Auto",
"save": "Save", "save": "Save",
"auto_success": "Auto config enabled successfully, reboot to apply.", "auto_success": "Auto config enabled successfully, reboot to apply.",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "No file selected" "no_file_selected": "No file selected"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "Advanced Mode", "title": "Security Patch",
"advanced_mode": "Advanced",
"auto": "Auto", "auto": "Auto",
"save": "Save", "save": "Save",
"auto_success": "Auto config enabled successfully, reboot to apply.", "auto_success": "Auto config enabled successfully, reboot to apply.",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "Ningún archivo seleccionado" "no_file_selected": "Ningún archivo seleccionado"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "Modo Avanzado", "title": "Parche de Seguridad",
"advanced_mode": "Avanzado",
"auto": "Automático", "auto": "Automático",
"save": "Guardar", "save": "Guardar",
"auto_success": "Configuración automática habilitada con éxito, reinicia para aplicar.", "auto_success": "Configuración automática habilitada con éxito, reinicia para aplicar.",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "ファイルが選択されていません" "no_file_selected": "ファイルが選択されていません"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "高度なモード", "title": "セキュリティ补丁",
"advanced_mode": "高度",
"auto": "自動", "auto": "自動",
"save": "保存", "save": "保存",
"auto_success": "自動設定が正常に有効になりました。適用するには再起動してください。", "auto_success": "自動設定が正常に有効になりました。適用するには再起動してください。",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "Файл не выбран" "no_file_selected": "Файл не выбран"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "Расширенный режим", "title": "Патч безопасности",
"advanced_mode": "Расширенный",
"auto": "Авто", "auto": "Авто",
"save": "Сохранить", "save": "Сохранить",
"auto_success": "Автоматическая конфигурация успешно включена, перезагрузите для применения.", "auto_success": "Автоматическая конфигурация успешно включена, перезагрузите для применения.",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "Walang napiling file" "no_file_selected": "Walang napiling file"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "Advanced Mode", "title": "Security Patch",
"advanced_mode": "Advanced",
"auto": "Auto", "auto": "Auto",
"save": "I-save", "save": "I-save",
"auto_success": "Matagumpay na na-enable ang auto config, mag-reboot upang i-apply.", "auto_success": "Matagumpay na na-enable ang auto config, mag-reboot upang i-apply.",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "Dosya seçilmedi" "no_file_selected": "Dosya seçilmedi"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "Gelişmiş Mod", "title": "Güvenlik Yaması",
"advanced_mode": "Gelişmiş",
"auto": "Otomatik", "auto": "Otomatik",
"save": "Kaydet", "save": "Kaydet",
"auto_success": "Otomatik yapılandırma başarıyla etkinleştirildi, yeniden başlatın.", "auto_success": "Otomatik yapılandırma başarıyla etkinleştirildi, yeniden başlatın.",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "未选择文件" "no_file_selected": "未选择文件"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "高级模式", "title": "安全补丁",
"advanced_mode": "高级",
"auto": "自动", "auto": "自动",
"save": "保存", "save": "保存",
"auto_success": "自动配置成功启用,重启生效。", "auto_success": "自动配置成功启用,重启生效。",

View File

@@ -93,7 +93,8 @@
"no_file_selected": "未選擇文件" "no_file_selected": "未選擇文件"
}, },
"security_patch": { "security_patch": {
"advanced_mode": "進階模式", "title": "安全補丁",
"advanced_mode": "進階",
"auto": "自動", "auto": "自動",
"save": "保存", "save": "保存",
"auto_success": "自動配置成功啟用,重啟生效。", "auto_success": "自動配置成功啟用,重啟生效。",

View File

@@ -24,7 +24,7 @@
z-index: 2001; z-index: 2001;
width: calc(90% - 60px); width: calc(90% - 60px);
max-width: 300px; max-width: 300px;
max-height: 90%; max-height: calc(80% - 60px);
overflow-y: auto; overflow-y: auto;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
opacity: 0; opacity: 0;
@@ -36,9 +36,16 @@
gap: 20px; gap: 20px;
} }
.security-patch-header {
width: 100%;
text-align: center;
font-size: 26px;
}
.advanced-toggle { .advanced-toggle {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
gap: 8px; gap: 8px;
user-select: none; user-select: none;
} }
@@ -120,7 +127,7 @@
.auto-button, .save-button { .auto-button, .save-button {
width: 100%; width: 100%;
padding: 10px; padding: 12px;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-size: 18px; font-size: 18px;