feat: add favicon and logo assets, update App component to use logo

This commit is contained in:
shuaiplus
2026-03-01 04:21:07 +08:00
committed by Shuai
parent 0f132f4f43
commit be3b68956b
12 changed files with 10 additions and 11 deletions
+1 -3
View File
@@ -11,9 +11,7 @@ tests/selfcheck.ts
# Build output # Build output
dist/ dist/
build/ build/
public/
public2/
public/index.html
# IDE # IDE
+2
View File
@@ -3,6 +3,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<title>NodeWarden</title> <title>NodeWarden</title>
</head> </head>
<body> <body>
Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 863 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 KiB

+1 -1
View File
@@ -672,7 +672,7 @@ export default function App() {
<div className="app-shell"> <div className="app-shell">
<header className="topbar"> <header className="topbar">
<div className="brand"> <div className="brand">
<Shield size={20} className="brand-icon" /> <img src="/logo-64.png" alt="NodeWarden logo" className="brand-logo" />
<span>NodeWarden</span> <span>NodeWarden</span>
</div> </div>
<div className="topbar-actions"> <div className="topbar-actions">
+4 -3
View File
@@ -235,14 +235,15 @@ body,
.brand { .brand {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 10px;
font-size: 34px; font-size: 34px;
font-weight: 800; font-weight: 800;
color: #1e293b; color: #1e293b;
} }
.brand-icon { .brand-logo {
color: #334155; width: 57px;
height: 57px;
object-fit: contain;
} }
.topbar-actions { .topbar-actions {
+1 -3
View File
@@ -14,7 +14,7 @@ export default defineConfig({
}, },
}, },
build: { build: {
outDir: path.resolve(rootDir, '../public'), outDir: path.resolve(rootDir, '../dist'),
emptyOutDir: false, emptyOutDir: false,
sourcemap: true, sourcemap: true,
}, },
@@ -28,8 +28,6 @@ export default defineConfig({
'/config': 'http://127.0.0.1:8787', '/config': 'http://127.0.0.1:8787',
'/notifications': 'http://127.0.0.1:8787', '/notifications': 'http://127.0.0.1:8787',
'/.well-known': 'http://127.0.0.1:8787', '/.well-known': 'http://127.0.0.1:8787',
'/favicon.ico': 'http://127.0.0.1:8787',
'/favicon.svg': 'http://127.0.0.1:8787',
}, },
}, },
}); });
+1 -1
View File
@@ -1,7 +1,7 @@
name = "nodewarden" name = "nodewarden"
main = "src/index.ts" main = "src/index.ts"
compatibility_date = "2024-01-01" compatibility_date = "2024-01-01"
assets = { directory = "./public", not_found_handling = "single-page-application", run_worker_first = ["/api/*", "/identity/*", "/icons/*", "/setup/*", "/config", "/notifications/*", "/.well-known/*", "/favicon.ico", "/favicon.svg"] } assets = { directory = "./dist", not_found_handling = "single-page-application", run_worker_first = ["/api/*", "/identity/*", "/icons/*", "/setup/*", "/config", "/notifications/*", "/.well-known/*"] }
# D1 Database for storing vault data # D1 Database for storing vault data
[[d1_databases]] [[d1_databases]]