Merge pull request #461 from SethFalco/partial-fix-310

fix: make code blocks match height
This commit is contained in:
Piero Toffanin 2023-07-09 21:56:29 +02:00 committed by GitHub
commit 0f2e77989b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions

View file

@ -381,6 +381,16 @@ select {
border: 0; border: 0;
} }
.code-row-wrapper {
display: flex;
flex-wrap: wrap;
}
.code-box {
display: flex;
flex-direction: column;
}
.code { .code {
font-size: 90%; font-size: 90%;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -391,6 +401,7 @@ select {
min-height: 280px; min-height: 280px;
width: 100%; width: 100%;
overflow: auto; overflow: auto;
flex-grow: 1;
} }
code[class*="language-"], pre[class*="language-"] { code[class*="language-"], pre[class*="language-"] {

View file

@ -287,13 +287,13 @@
<div class="row center"> <div class="row center">
<div class="col s12 m12"> <div class="col s12 m12">
<div class="row center"> <div class="row center code-row-wrapper">
<div class="col s12 m12 l6 left-align"> <div class="col s12 m12 l6 left-align code-box">
<p class="mb-0">{{ _h("Request") }}</p> <p class="mb-0">{{ _h("Request") }}</p>
<pre class="code mt-0"><code class="language-javascript" v-html="$options.filters.highlight(requestCode)"> <pre class="code mt-0"><code class="language-javascript" v-html="$options.filters.highlight(requestCode)">
</code></pre> </code></pre>
</div> </div>
<div class="col s12 m12 l6 left-align"> <div class="col s12 m12 l6 left-align code-box">
<p class="mb-0">{{ _h("Response") }}</p> <p class="mb-0">{{ _h("Response") }}</p>
<pre class="code mt-0"><code class="language-javascript" v-html="$options.filters.highlight(output)"> <pre class="code mt-0"><code class="language-javascript" v-html="$options.filters.highlight(output)">
</code></pre> </code></pre>