chore: Update app icons from SVG to PNG

2026-08-17 10:02:33 +00:00
parent 0b857de57d
commit 0d45db1fda
14 changed files with 4 additions and 21 deletions
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/icon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Clustri</title>
  </head>
@@ -1,14 +0,0 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <polygon
    points="30,16 23,28.124 9,28.124 2,16 9,3.876 23,3.876"
    fill="none"
    stroke="#e08a3c"
    stroke-width="1.5"
  />
  <polygon
    points="23,16 19.5,22.062 12.5,22.062 9,16 12.5,9.938 19.5,9.938"
    fill="none"
    stroke="#e08a3c"
    stroke-width="1.5"
  />
 </svg>
@@ -11,7 +11,7 @@ const { title = 'Clustri', description = 'A desktop client for managing Proxmox
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/icon.png" />
    <title>{title}</title>
    <meta name="description" content={description} />
  </head>
@@ -1,7 +1,7 @@
 import { useConnectionStore } from '@/stores/connectionStore'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { Button } from '@/components/ui/button'
-import { Plus, Server, LayoutDashboard, HardDrive, Box, ListTodo, Shield, Settings, Hexagon } from 'lucide-react'
+import { Plus, Server, LayoutDashboard, HardDrive, Box, ListTodo, Shield, Settings } from 'lucide-react'
 import { cn } from '@/lib/utils'
 type ViewType = 'dashboard' | 'vms' | 'vm-detail' | 'nodes' | 'node-detail' | 'containers' | 'tasks' | 'backups' | 'storage' | 'storage-detail' | 'settings' | 'pbs-overview' | 'pbs-datastores' | 'pbs-datastore-detail'
@@ -38,9 +38,7 @@ export function Sidebar({ onAddConnection, activeView, onNavigate }: SidebarProp
  return (
    <div className="flex w-64 flex-col border-r border-border bg-card">
      <div className="flex h-14 shrink-0 items-center gap-2.5 border-b border-border px-4">
-        <div className="flex h-7 w-7 items-center justify-center rounded-md bg-primary/15 text-primary">
+        <img src="/icon.png" alt="Clustri" className="h-7 w-7 rounded-md" />
          <Hexagon className="h-4 w-4" />
        </div>
        <div className="min-w-0 leading-tight">
          <h1 className="truncate text-sm font-semibold tracking-tight text-foreground">
            Clustri