From 8ad8cdb2f02e2ecbe4098abe22a79eaca4d828b3 Mon Sep 17 00:00:00 2001
From: sunhao <sunhao@easycorp.ltd>
Date: Fri, 30 Jun 2023 13:15:22 +0800
Subject: [PATCH]  * zin: optimize fatal error style.

---
 www/js/zui3/zin.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/www/js/zui3/zin.js b/www/js/zui3/zin.js
index 0579466ff5..4014e18093 100644
--- a/www/js/zui3/zin.js
+++ b/www/js/zui3/zin.js
@@ -90,7 +90,11 @@
 
     function showFatalError(data, _info, options)
     {
-        $('body').empty().append($(`<div class="panel danger shadow-xl mx-auto my-4 rounded-lg" style="max-width: 1000px"><div class="panel-heading"><div class="panel-title font-bold text-lg">Fatal error: ${options.url}</div></div></div>`).append($('<div class="panel-body font-mono"></div>').append(data)));
+        const zinDebug = window.zinDebug;
+        if(zinDebug && zinDebug.basePath) data = data.split(zinDebug.basePath).join('<i class="icon icon-file-text opacity-50"></i>/');
+        if(data.startsWith('<br />\n'))   data = data.replace('<br />\n', '');
+
+        $('body').empty().append($(`<div class="panel shadow-xl mx-auto mt-4 rounded-lg border border-danger text-canvas" style="max-width: 1000px"><div class="panel-heading bg-danger bg-opacity-80"><style>body{background: var(--color-gray-800)}</style><div class="panel-title font-bold text-lg">Fatal error: ${options.url}</div></div></div>`).append($('<div class="panel-body font-mono overflow-y-auto bg-danger bg-opacity-20" style="max-height: calc(100vh - 70px)"></div>').append(data)));
     }
 
     function initZinbar()