Replace navbar text with logo image and add fallback text

2026-07-20 16:14:50 +07:00
parent 3b5ac3d282
commit 49a884c01d
3 changed files with 7 additions and 1 deletions
@@ -6,6 +6,10 @@ body {
    font-weight: 600;
 }

+.navbar-brand img {
+    vertical-align: middle;
+}
+
 .card {
    border-radius: 0.75rem;
    border: 0;
@@ -15,7 +15,9 @@
 <body>
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
-        <a class="navbar-brand" href="/">InfoUser Monitor</a>
+        <a class="navbar-brand" href="/">
+            <img src="/static/logo.png" alt="InfoUser Monitor" height="36" onerror="this.outerHTML='InfoUser Monitor'">
+        </a>
        {% if user %}
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>