feat: favicon en logo toegevoegd

2026-03-15 09:12:11 +01:00
parent c0bd6b647c
commit 9d5fb5a0c9
8 changed files with 70 additions and 1 deletions
@@ -50,6 +50,20 @@ body {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03);
 }

+#title-brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+#title-logo {
+  display: block;
+  width: auto;
+  height: 32px;
+  flex: 0 0 auto;
+}
+
 #title-zone-actions {
  display: flex;
  align-items: center;
@@ -4,6 +4,7 @@
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>WebManager v2</title>
+  <link rel="icon" href="/ui/assets/img/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="/ui/base.css">
  <link rel="stylesheet" href="/ui/theme-default.css">
  <link rel="stylesheet" href="/ui/theme-macos-soft.css">
@@ -18,7 +19,10 @@
 <body>
  <div id="app-shell">
    <header id="title-zone">
-      <h1>WebManager v2</h1>
+      <div id="title-brand">
+        <img id="title-logo" src="/ui/assets/img/logo.svg" alt="">
+        <h1>WebManager v2</h1>
+      </div>
      <div id="title-zone-actions">
        <div id="status"></div>
        <button id="theme-toggle" type="button" aria-label="Toggle theme" title="Toggle theme">