From df5a976ec30f17799e45890575d4b7b77804e1a8 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Thu, 21 Nov 2024 15:58:27 +0800
Subject: [PATCH] UnexpectedError: adjust visual, add selectable

---
 src/UnexpectedError.tsx | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/UnexpectedError.tsx b/src/UnexpectedError.tsx
index 4177758..45d8fc0 100644
--- a/src/UnexpectedError.tsx
+++ b/src/UnexpectedError.tsx
@@ -42,6 +42,29 @@ const UnexpectedError: Component<{ error?: any }> = (props) => {
         calc(var(--safe-area-inset-bottom) + 20px)
         calc(var(--safe-area-inset-left) + 20px);
     }
+
+    details {
+      max-width: 100vw;
+      max-width: 100dvw;
+      overflow: auto;
+
+      & * {
+        user-select: all;
+      }
+
+
+      summary {
+        position: sticky;
+        left: 0;
+        top: 0;
+        user-select: none;
+      }
+    }
+
+    .actions {
+      margin-top: 20px;
+      margin-bottom: 20px;
+    }
   `;
 
   return (
@@ -52,8 +75,11 @@ const UnexpectedError: Component<{ error?: any }> = (props) => {
         You can restart the app to see if this guy is gone. If you meet this guy
         repeatly, please report to us.
       </p>
-      <div>
-        <Button onClick={() => (window.location.replace("/"))}>
+      <div class="actions">
+        <Button
+          onClick={() => window.location.replace("/")}
+          variant="contained"
+        >
           Restart App
         </Button>
       </div>
@@ -61,7 +87,10 @@ const UnexpectedError: Component<{ error?: any }> = (props) => {
         <summary>
           {errorMsg.loading ? "Generating " : " "}Technical Infomation
         </summary>
-        <pre>{errorMsg()}</pre>
+        <pre>
+          On: {window.location.href} <br />
+          {errorMsg()}
+        </pre>
       </details>
     </main>
   );