self-hosted/LibreTranslate
1
0
Fork 0
mirror of https://github.com/LibreTranslate/LibreTranslate.git synced 2024-12-18 08:27:03 +02:00
Code Issues Releases Activity

fix: make code blocks match height

Browse Source
This commit is contained in:
Seth Falco 2023-07-09 12:25:03 +01:00
parent dcc821bc3c
commit 1c3f3e5696
No known key found for this signature in database
GPG Key ID: DE1C217EFF01FEC8
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
libretranslate/static/css/main.css
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-"] {

6
libretranslate/templates/index.html
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>