app icon in navbar

packages/app/config/default.json

@@ -6,6 +6,7 @@
   "nip05Domain": "snort.social",
   "favicon": "public/favicon.ico",
   "appleTouchIconUrl": "/nostrich_512.png",
+  "navLogo": "/nostrich_256.png",
   "publicDir": "public/snort",
   "httpCache": "",
   "animalNamePlaceholders": false,

packages/app/config/iris.json

@@ -6,6 +6,7 @@
   "nip05Domain": "iris.to",
   "favicon": "public/iris/favicon.ico",
   "appleTouchIconUrl": "/img/apple-touch-icon.png",
+  "navLogo": "/img/icon128.png",
   "publicDir": "public/iris",
   "httpCache": "https://api.iris.to",
   "animalNamePlaceholders": true,

packages/app/custom.d.ts

@@ -48,6 +48,7 @@ declare const CONFIG: {
   nip05Domain: string;
   favicon: string;
   appleTouchIconUrl: string;
+  navLogo: string;
   httpCache: string;
   animalNamePlaceholders: boolean;
   defaultZapPoolFee?: number;

packages/app/src/Pages/Layout/LogoHeader.tsx

@@ -15,9 +15,12 @@ export function LogoHeader() {
 
   return (
     <Link to="/" className="logo">
-      <h1>
+      <h1 className="flex flex-row items-center">
+        <img src={CONFIG.navLogo} className="w-8 h-8" />
+        <div className="md:hidden xl:inline ml-2">
           {extra()}
           {CONFIG.appName}
+        </div>
       </h1>
       {currentSubscription && (
         <div className="flex items-center g4 text-sm font-semibold tracking-wider">