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; width: 300px;
aspect-ratio: 560/315; 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"> <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") }

View File

@ -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)) }

View File

@ -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>