Hidosi/info-user
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace navbar text with logo image and add fallback text

Browse Source
This commit is contained in:
Hidosi
2026-07-20 16:14:50 +07:00
parent 3b5ac3d282
commit 49a884c01d
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/static/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

server/static/style.css
+4
View File
@@ -6,6 +6,10 @@ body {
font-weight: 600; font-weight: 600;
} }
.navbar-brand img {
vertical-align: middle;
}
.card { .card {
border-radius: 0.75rem; border-radius: 0.75rem;
border: 0; border: 0;
server/templates/base.html
+3 -1
View File
@@ -15,7 +15,9 @@
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid"> <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 %} {% if user %}
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>