2024-03-16 06:34:19 +00:00
3 changed files with 27 additions and 2 deletions
--- a/pkg/views/index.html
+++ b/pkg/views/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" type="image/xml+svg" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Solarpass</title>
  </head>
--- a/pkg/views/public/favicon.svg
+++ b/pkg/views/public/favicon.svg
--- a/pkg/views/src/layouts/master.vue
+++ b/pkg/views/src/layouts/master.vue
@@ -1,7 +1,8 @@
 <template>
  <v-app-bar height="64" color="primary" scroll-behavior="elevate" flat>
    <div class="max-md:px-5 md:px-12 flex flex-grow-1 items-center">
-      <router-link :to="{ name: 'dashboard' }">
+      <router-link :to="{ name: 'dashboard' }" class="flex gap-1">
+        <img src="/favicon.svg" width="24" height="24" class="icon-filter" />
        <h2 class="ml-2 text-lg font-500">Solarpass</h2>
      </router-link>

@@ -38,4 +39,8 @@ id.readProfiles()
  bottom: 16px;
  right: 20px;
 }
+
+.icon-filter {
+  filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(212deg) brightness(104%) contrast(104%);
+}
 </style>