Add company logo to website header and sidebar elements

Add logo.png to the public folder and update dashboard.html and index.html to display the logo image instead of placeholder text. Adjust CSS for .logo-icon size and object-fit.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aed2e46d-25bb-4b73-81a1-bb9e8437c261
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 101882bf-cab9-4370-8f02-9fc48a450400
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3bdfff67-975a-46ad-9845-fbb6b4a4c4b5/aed2e46d-25bb-4b73-81a1-bb9e8437c261/Xy30ojl
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sirpiglr 2025-12-09 21:50:23 +00:00
parent 28d0ea902c
commit c38900b987
5 changed files with 8 additions and 18 deletions

View file

@ -88,15 +88,10 @@
} }
.logo-icon { .logo-icon {
width: 40px; width: 44px;
height: 40px; height: 44px;
background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
border-radius: 10px; border-radius: 10px;
display: flex; object-fit: contain;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.125rem;
} }
.logo-text { .logo-text {
@ -1118,7 +1113,7 @@
<div id="app" class="app hidden"> <div id="app" class="app hidden">
<aside class="sidebar"> <aside class="sidebar">
<a href="/" class="logo"> <a href="/" class="logo">
<div class="logo-icon">A</div> <img src="/logo.png" alt="AeThex" class="logo-icon">
<span class="logo-text">AeThex</span> <span class="logo-text">AeThex</span>
</a> </a>

View file

@ -88,15 +88,10 @@
} }
.logo-icon { .logo-icon {
width: 36px; width: 40px;
height: 36px; height: 40px;
background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
border-radius: 8px; border-radius: 8px;
display: flex; object-fit: contain;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1rem;
} }
.logo-text { .logo-text {
@ -528,7 +523,7 @@
<header> <header>
<div class="container header-content"> <div class="container header-content">
<a href="/" class="logo"> <a href="/" class="logo">
<div class="logo-icon">A</div> <img src="/logo.png" alt="AeThex" class="logo-icon">
<span class="logo-text">AeThex Bot</span> <span class="logo-text">AeThex Bot</span>
</a> </a>

BIN
aethex-bot/public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9 MiB