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
@@ -238,6 +238,7 @@ class UiSmokeGoldenTest(unittest.TestCase):
        self.assertTrue(index_path.exists())

        body = index_path.read_text(encoding="utf-8")
+        self.assertIn('/ui/assets/img/favicon.svg', body)
        self.assertIn('/ui/base.css', body)
        self.assertIn('/ui/theme-default.css', body)
        self.assertIn('/ui/theme-macos-soft.css', body)
@@ -250,6 +251,9 @@ class UiSmokeGoldenTest(unittest.TestCase):
        self.assertIn('/ui/theme-fluent-neon.css', body)
        self.assertIn('id="workspace"', body)
        self.assertIn('id="footer-bar"', body)
+        self.assertIn('id="title-brand"', body)
+        self.assertIn('id="title-logo"', body)
+        self.assertIn('/ui/assets/img/logo.svg', body)
        self.assertIn('id="title-zone-actions"', body)
        self.assertIn('id="status"', body)
        self.assertIn('id="theme-toggle"', body)
@@ -431,6 +435,9 @@ class UiSmokeGoldenTest(unittest.TestCase):
        self.assertTrue((static_root / "theme-fluent-neon.css").exists())
        base_css = (static_root / "base.css").read_text(encoding="utf-8")
        self.assertIn(".settings-card {", base_css)
+        self.assertIn("#title-brand {", base_css)
+        self.assertIn("#title-logo {", base_css)
+        self.assertIn("height: 32px;", base_css)
        self.assertIn("width: min(1180px, calc(100vw - 32px));", base_css)
        self.assertIn(".settings-activity-grid {", base_css)
        self.assertIn("grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);", base_css)
@@ -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">
+      <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">