vantzs/corrosion-admin-panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

feat: Wire up brand kit — favicon, logos, and hero mark across all layouts

Browse Source 
Copies brand assets to frontend/public (favicon.png, logo.png, logo-hero.png).
Updates index.html, LoginView, RegisterView, DashboardLayout sidebar, and
PublicLayout footer with proper branding.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Vantz Stockwell
2026-02-14 22:40:56 -05:00
parent 11e5d18f81
commit 72249279d6
8 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/index.html
View File

@@ -1,12 +1,13 @@
<!doctype html>
<html lang="en">
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>frontend</title>
<meta name="theme-color" content="#0a0a0a" />
<title>Corrosion Management</title>
</head>
<body>
<body class="bg-neutral-950">
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>

BIN
frontend/public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
frontend/public/logo-hero.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
frontend/public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

9
frontend/src/components/layout/DashboardLayout.vue
View File

@@ -59,8 +59,13 @@ function handleLogout() {
<aside class="w-64 bg-neutral-900 border-r border-neutral-800 flex flex-col">
<!-- Logo -->
<div class="p-4 border-b border-neutral-800">
<h1 class="text-xl font-bold text-red-500 tracking-wider">CORROSION</h1>
<p class="text-xs text-neutral-500 mt-1">{{ auth.license?.server_name || 'Server Management' }}</p>
<div class="flex items-center gap-3">
<img src="/logo.png" alt="Corrosion" class="h-8 w-8" />
<div>
<h1 class="text-sm font-bold text-red-500 tracking-wider">CORROSION</h1>
<p class="text-xs text-neutral-500">{{ auth.license?.server_name || 'Server Management' }}</p>
</div>
</div>
</div>
<!-- Server Status Indicator -->

5
frontend/src/components/layout/PublicLayout.vue
View File

@@ -7,7 +7,10 @@ import { RouterView } from 'vue-router'
<RouterView />
<footer class="py-6 text-center text-neutral-600 text-sm border-t border-neutral-800">
Powered by <span class="text-red-500 font-semibold">Corrosion</span>
<div class="flex items-center justify-center gap-2">
<img src="/logo.png" alt="Corrosion" class="h-4 w-4 opacity-60" />
<span>Powered by <span class="text-red-500 font-semibold">Corrosion</span></span>
</div>
</footer>
</div>
</template>

3
frontend/src/views/auth/LoginView.vue
View File

@@ -44,8 +44,7 @@ async function handleLogin() {
<div class="bg-neutral-900 border border-neutral-800 rounded-lg p-8">
<!-- Branding -->
<div class="text-center mb-8">
<h1 class="text-3xl font-bold tracking-widest text-red-500">CORROSION</h1>
<p class="text-sm text-neutral-500 mt-2">Server Management Panel</p>
<img src="/logo-hero.png" alt="Corrosion Management" class="h-32 mx-auto mb-2" />
</div>
<!-- Error message -->

2
frontend/src/views/auth/RegisterView.vue
View File

@@ -76,7 +76,7 @@ async function handleRegister() {
<div class="bg-neutral-900 border border-neutral-800 rounded-lg p-8">
<!-- Branding -->
<div class="text-center mb-8">
<h1 class="text-3xl font-bold tracking-widest text-red-500">CORROSION</h1>
<img src="/logo-hero.png" alt="Corrosion Management" class="h-28 mx-auto mb-2" />
<p class="text-sm text-neutral-500 mt-2">Create your account</p>
</div>