Bug fix.

Author: xOS

frontend/src/admin/index.ts

@@ -1116,13 +1116,18 @@ function confirmAction(options: ConfirmActionOptions): Promise<boolean> {
   dialog.innerHTML = `
     <div class="admin-dialog-body is-small">
       <header>
-        <h2>${escapeHtml(options.title)}</h2>
+        <h2 style="display: flex; align-items: center; gap: 8px;">
+          ${icon(options.danger ? 'alert' : 'info', 'admin-button-svg')}
+          ${escapeHtml(options.title)}
+        </h2>
         <button type="button" class="admin-dialog-close" data-dialog-cancel>×</button>
       </header>
-      <p class="admin-confirm-message">${escapeHtml(options.message)}</p>
+      <div style="padding: 6px 4px 16px 4px;">
+        <p class="admin-confirm-message" style="font-size: 14px; color: rgba(0, 0, 0, 0.72); font-weight: 500;">${escapeHtml(options.message)}</p>
+      </div>
       <footer>
-        <button class="admin-button is-ghost" type="button" data-dialog-cancel data-form-action="cancel">${icon('cancel', 'admin-button-svg')}<span>取消</span></button>
-        <button class="admin-button is-ghost" type="button" data-confirm-action data-form-action="${options.danger ? 'danger' : 'confirm'}">
+        <button class="admin-button is-ghost" type="button" data-dialog-cancel data-form-action="cancel"><span>取消</span></button>
+        <button class="admin-button" type="button" data-confirm-action data-form-action="${options.danger ? 'danger' : 'confirm'}" style="background: ${options.danger ? 'var(--danger-color, #ef4444)' : 'var(--primary-color, #3b82f6)'}; color: #fff; border: none; box-shadow: 0 4px 12px ${options.danger ? 'rgba(239, 68, 68, 0.3)' : 'rgba(59, 130, 246, 0.3)'};">
           ${icon(options.danger ? 'trash' : 'play', 'admin-button-svg')}<span>${escapeHtml(options.confirmLabel)}</span>
         </button>
       </footer>

frontend/src/style.css

@@ -2430,7 +2430,8 @@ i.fl-tux {
 }
 
 .admin-dialog {
-  width: min(760px, calc(100vw - 28px));
+  width: fit-content;
+  max-width: calc(100vw - 28px);
   max-height: calc(100vh - 48px);
   padding: 0;
   border: 1px solid var(--glass-border);
@@ -2447,13 +2448,16 @@ i.fl-tux {
 }
 
 .admin-dialog-body {
+  width: min(760px, calc(100vw - 28px));
   display: grid;
-  gap: 12px;
+  gap: 16px;
   padding: 14px;
 }
 
 .admin-dialog-body.is-small {
-  width: min(420px, calc(100vw - 28px));
+  width: fit-content;
+  min-width: 340px;
+  max-width: min(480px, calc(100vw - 28px));
 }
 
 .admin-dialog-body header,