make code blocks always in one line

This commit is contained in:
blek 2023-11-03 00:02:40 +10:00
parent 575f7d31e8
commit 57ea39ceda
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 27 additions and 13 deletions

View File

@ -3,11 +3,21 @@
padding: 1em; padding: 1em;
border: 1px solid var(--header-sec-color); border: 1px solid var(--header-sec-color);
border-radius: 12px; border-radius: 12px;
font-family: monospace; overflow-x: auto;
}
.code .inner {
width: max-content;
display: block;
} }
.code-inline { .code-inline {
display: inline; display: inline;
font-family: monospace;
background: #00000010; background: #00000010;
border: 1px solid #c2c4c210;
border-radius: 4px;
padding: 2px 4px; padding: 2px 4px;
} }
.code, .code-inline {
font-family: monospace;
line-height: 1.5em;
}

View File

@ -25,11 +25,13 @@
</a> </a>
</p> </p>
<div class='code'> <div class='code'>
<span class='inner'>
<span style='color:green'>curl</span> <span style='color:green'>curl</span>
<span style='color:orange'>-X POST</span> <span style='color:orange'>-X POST</span>
<span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span> <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
<span style='color:orange'>-F'file=@file.txt'</span> <span style='color:orange'>-F'file=@file.txt'</span>
<span style='color:orange'>-F'tos_consent=on'</span> <span style='color:orange'>-F'tos_consent=on'</span>
</span>
</div> </div>
<p> <p>
To add a password, do it like this: To add a password, do it like this:
@ -38,12 +40,14 @@
</a> </a>
</p> </p>
<div class='code'> <div class='code'>
<span class='inner'>
<span style='color:green'>curl</span> <span style='color:green'>curl</span>
<span style='color:orange'>-X POST</span> <span style='color:orange'>-X POST</span>
<span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span> <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
<span style='color:orange'>-F'file=@file.txt'</span> <span style='color:orange'>-F'file=@file.txt'</span>
<span style='color:orange'>-F'tos_consent=on'</span> <span style='color:orange'>-F'tos_consent=on'</span>
<span style='color:orange'>-F'named=on'</span> <span style='color:orange'>-F'named=on'</span>
</span>
</div> </div>
<p> <p>
Note that the Note that the