From 57ea39cedaf50b8c688a9ec200d78e5a0a44547f Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Fri, 3 Nov 2023 00:02:40 +1000
Subject: [PATCH] make code blocks always in one line

---
 filed/static/assets/code.css      | 14 ++++++++++++--
 filed/templates/curlapi_help.html | 26 +++++++++++++++-----------
 2 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/filed/static/assets/code.css b/filed/static/assets/code.css
index 10adf06..6ccfdfc 100644
--- a/filed/static/assets/code.css
+++ b/filed/static/assets/code.css
@@ -3,11 +3,21 @@
     padding: 1em;
     border: 1px solid var(--header-sec-color);
     border-radius: 12px;
-    font-family: monospace;
+    overflow-x: auto;
+}
+.code .inner {
+    width: max-content;
+    display: block;
 }
 .code-inline {
     display: inline;
-    font-family: monospace;
     background: #00000010;
+    border: 1px solid #c2c4c210;
+    border-radius: 4px;
     padding: 2px 4px;
+}
+
+.code, .code-inline {
+    font-family: monospace;
+    line-height: 1.5em;
 }
\ No newline at end of file
diff --git a/filed/templates/curlapi_help.html b/filed/templates/curlapi_help.html
index e982594..d8ef7cf 100644
--- a/filed/templates/curlapi_help.html
+++ b/filed/templates/curlapi_help.html
@@ -25,11 +25,13 @@
         </a>
     </p>
     <div class='code'>
-        <span style='color:green'>curl</span>
-        <span style='color:orange'>-X POST</span>
-        <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
-        <span style='color:orange'>-F'file=@file.txt'</span>
-        <span style='color:orange'>-F'tos_consent=on'</span>
+        <span class='inner'>
+            <span style='color:green'>curl</span>
+            <span style='color:orange'>-X POST</span>
+            <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
+            <span style='color:orange'>-F'file=@file.txt'</span>
+            <span style='color:orange'>-F'tos_consent=on'</span>
+        </span>
     </div>
     <p>
         To add a password, do it like this:
@@ -38,12 +40,14 @@
         </a>
     </p>
     <div class='code'>
-        <span style='color:green'>curl</span>
-        <span style='color:orange'>-X POST</span>
-        <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
-        <span style='color:orange'>-F'file=@file.txt'</span>
-        <span style='color:orange'>-F'tos_consent=on'</span>
-        <span style='color:orange'>-F'named=on'</span>
+        <span class='inner'>
+            <span style='color:green'>curl</span>
+            <span style='color:orange'>-X POST</span>
+            <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
+            <span style='color:orange'>-F'file=@file.txt'</span>
+            <span style='color:orange'>-F'tos_consent=on'</span>
+            <span style='color:orange'>-F'named=on'</span>
+        </span>
     </div>
     <p>
         Note that the