Use fixed height for figlet

This commit is contained in:
ekzyis 2024-07-10 09:22:35 +02:00
parent 02944da696
commit 3a9d3ac9aa
4 changed files with 11 additions and 3 deletions

View File

@ -47,4 +47,12 @@
width: 300px;
aspect-ratio: 560/315;
}
.figlet {
display: flex;
align-items: center;
justify-content: center;
height: 144px;
@apply my-3
}
}

View File

@ -11,7 +11,7 @@ templ About() {
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<code class="mt-3">
<code class="figlet">
<strong>
<pre>
{ lib.Figlet("random", "about") }

View File

@ -13,7 +13,7 @@ templ Error(code int) {
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<code class="mt-3">
<code class="figlet">
<strong>
<pre>
{ lib.Figlet("random", strconv.Itoa(code)) }

View File

@ -11,7 +11,7 @@ templ Index() {
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<code class="my-3">
<code class="figlet">
<strong>
<!-- need to escape backslashes or backtick here ... -->
<pre>