Use fixed height for figlet
This commit is contained in:
parent
02944da696
commit
3a9d3ac9aa
|
@ -47,4 +47,12 @@
|
||||||
width: 300px;
|
width: 300px;
|
||||||
aspect-ratio: 560/315;
|
aspect-ratio: 560/315;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.figlet {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 144px;
|
||||||
|
@apply my-3
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -11,7 +11,7 @@ templ About() {
|
||||||
<body class="container">
|
<body class="container">
|
||||||
@components.Header()
|
@components.Header()
|
||||||
<div class="flex flex-col text-center">
|
<div class="flex flex-col text-center">
|
||||||
<code class="mt-3">
|
<code class="figlet">
|
||||||
<strong>
|
<strong>
|
||||||
<pre>
|
<pre>
|
||||||
{ lib.Figlet("random", "about") }
|
{ lib.Figlet("random", "about") }
|
||||||
|
|
|
@ -13,7 +13,7 @@ templ Error(code int) {
|
||||||
<body class="container">
|
<body class="container">
|
||||||
@components.Header()
|
@components.Header()
|
||||||
<div class="flex flex-col text-center">
|
<div class="flex flex-col text-center">
|
||||||
<code class="mt-3">
|
<code class="figlet">
|
||||||
<strong>
|
<strong>
|
||||||
<pre>
|
<pre>
|
||||||
{ lib.Figlet("random", strconv.Itoa(code)) }
|
{ lib.Figlet("random", strconv.Itoa(code)) }
|
||||||
|
|
|
@ -11,7 +11,7 @@ templ Index() {
|
||||||
<body class="container">
|
<body class="container">
|
||||||
@components.Header()
|
@components.Header()
|
||||||
<div class="flex flex-col text-center">
|
<div class="flex flex-col text-center">
|
||||||
<code class="my-3">
|
<code class="figlet">
|
||||||
<strong>
|
<strong>
|
||||||
<!-- need to escape backslashes or backtick here ... -->
|
<!-- need to escape backslashes or backtick here ... -->
|
||||||
<pre>
|
<pre>
|
||||||
|
|
Loading…
Reference in New Issue