style: app styling

2024-01-17 10:36:47 +01:00 · 2024-01-17 10:36:47 +01:00 · 9e96c007bd
commit 9e96c007bd
parent 8bd427e9c2
3 changed files with 9 additions and 1 deletions
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@ -1,3 +1,7 @@
 body {
    background-color: skyblue;
 }
+
+.header {
+    background-color: skyblue;
+}
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@ -2,7 +2,7 @@
 <html>
    <head>
        <meta charset="UTF-8">
-        <title>{% block title %}Welcome!{% endblock %}</title>
+        <title>{% block title %}{{  "QR code generator" | trans }}{% endblock %}</title>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
        {% block stylesheets %}
        {% endblock %}
@ -12,6 +12,9 @@
        {% endblock %}
    </head>
    <body>
+        <div class="d-flex w-100 p-3 justify-content-center header">
+            {{  "QR code generator" | trans }}
+        </div>
        {% block body %}{% endblock %}
    </body>
 </html>
--- a/translations/messages.cs.yaml
+++ b/translations/messages.cs.yaml
@ -7,3 +7,4 @@ Constant symbol: "Konstantní symbol"
 Specific symbol: "Specifický symbol"
 Generate qr code: "Vygenerovat QR kód"
 Iban: "IBAN"
+QR code generator: "Generátor bankovních QR kódů"