fix crash page

hrfee · Dec 31, 2021 · f7f3530 · f7f3530
1 parent 2d3a5c7
commit f7f3530
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 35 deletions.
diff --git a/Makefile b/Makefile
@@ -60,7 +60,8 @@ else
 	SOURCEMAP :=
 	COPYTS :=
 	TYPECHECK :=
-	UNCSS := npx uncss $(DATA)/crash.html --csspath web/css --output $(DATA)/bundle.css
+	UNCSS := npx tailwindcss -i $(DATA)/web/css/bundle.css -o $(DATA)/bundle.css --content "html/crash.html"
+	# UNCSS := npx uncss $(DATA)/crash.html --csspath web/css --output $(DATA)/bundle.css
 	TAILWIND :=
 endif
 

diff --git a/css/base.css b/css/base.css
@@ -433,6 +433,7 @@ pre {
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
     background-color: var(--color-content-high) !important;
+    overflow-x: scroll;
 }
 
 .circle {

diff --git a/html/crash.html b/html/crash.html
@@ -7,41 +7,37 @@
     </head>
     <body>
         <div class="page-container">
-            <div class="row">
-                <div class="col">
-                    <div class="card ~critical sectioned">
-                        <section class="section ~critical">
-                            <span class="heading">Crash report for jfa-go</span>
-                            {{ if .Err }}
-                            <div class="monospace pre-line mt-4 mb-4">
-                            Error: {{ .Err }}
-                            </div>
-                            {{ end }}
-                            <a class="button ~critical mb-4" target="_blank" href="https://github.com/hrfee/jfa-go/issues/new/choose">Create an Issue</a>
-                        </section>
-                        <section class="section ~neutral @low">
-                            <div class="flex-expand">
-                                <span class="subheading">Full Log</span>
-                                <span class="button ~urge ml-4" id="copy-log">Copy</span>
-                            </div>
-                            <div class="row mb-4">
-                                <label class="col mr-4">
-                                    <span class="button ~neutral @high supra full-width center" id="button-log-normal">Normal</span>
-                                </label>
-                                <label class="col mr-4">
-                                    <span class="button ~neutral @low supra full-width center" id="button-log-sanitized">Sanitized</span>
-                                </label>
-                            </div>
-                            <div id="log-normal">
-                                <pre class="monospace pre-line">{{ .Log }}</pre>
-                            </div>
-                            <div id="log-sanitized" class="unfocused">
-                                <p class="subheading">An attempt has been made to remove sensitive info, but make sure to check yourself.</p>
-                                <pre class="monospace pre-line">{{ .SanitizedLog }}</pre>
-                            </div>
-                        </section>
+            <div class="card ~critical sectioned">
+                <section class="section ~critical">
+                    <span class="heading">Crash report for jfa-go</span>
+                    {{ if .Err }}
+                    <div class="monospace pre-line mt-4 mb-4">
+                    Error: {{ .Err }}
                     </div>
-                </div>
+                    {{ end }}
+                    <a class="button ~critical mb-4" target="_blank" href="https://github.com/hrfee/jfa-go/issues/new/choose">Create an Issue</a>
+                </section>
+                <section class="section ~neutral @low">
+                    <div class="flex-expand">
+                        <span class="subheading">Full Log</span>
+                        <span class="button ~urge ml-4" id="copy-log">Copy</span>
+                    </div>
+                    <div class="row mb-4">
+                        <label class="col mr-4">
+                            <span class="button ~neutral @high supra full-width center" id="button-log-normal">Normal</span>
+                        </label>
+                        <label class="col mr-4">
+                            <span class="button ~neutral @low supra full-width center" id="button-log-sanitized">Sanitized</span>
+                        </label>
+                    </div>
+                    <div id="log-normal">
+                        <pre class="monospace pre-line">{{ .Log }}</pre>
+                    </div>
+                    <div id="log-sanitized" class="unfocused">
+                        <p class="subheading">An attempt has been made to remove sensitive info, but make sure to check yourself.</p>
+                        <pre class="monospace pre-line">{{ .SanitizedLog }}</pre>
+                    </div>
+                </section>
             </div>
         </div>
         <script inline src="crash.js"></script>