Malin/domnitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update sidebar logo and add logo SVG

Browse Source 
Replace the previous icon-based logo in the sidebar with a clickable logo image, app title and subtitle, and adjust spacing/hover styles for better branding and accessibility. Wraps the logo and text in a link to '/' and preserves the mobile close button. Adds the new public/assets/logo.svg asset.
This commit is contained in:
Hosteroid
2026-02-09 00:24:40 +02:00
parent b3c3f3403c
commit ea5696e7eb
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/Views/layout/sidebar.php
View File

@@ -3,13 +3,14 @@
<div class="h-full overflow-y-auto flex flex-col">
<!-- Logo Section -->
<div class="h-16 px-4 sm:px-5 border-b border-gray-800 flex items-center justify-between flex-shrink-0">
<div class="flex items-center min-w-0">
<div class="w-9 h-9 bg-primary rounded-lg flex items-center justify-center mr-3 flex-shrink-0">
<i class="fas fa-globe text-white text-sm"></i>
</div>
<h1 class="text-sm font-semibold text-white truncate"><?= $appName ?? 'Domain Monitor' ?></h1>
<div class="px-4 sm:px-5 py-4 border-b border-gray-800 flex items-center justify-between flex-shrink-0">
<a href="/" class="flex items-center min-w-0 group">
<img src="/assets/logo.svg" alt="Domain Monitor" class="w-9 h-9 mr-3 flex-shrink-0">
<div class="min-w-0">
<h1 class="text-base font-bold text-white truncate group-hover:text-primary transition-colors">Domain Monitor</h1>
<p class="text-xs text-gray-500 truncate">Track your domains</p>
</div>
</a>
<!-- Close button for mobile -->
<button onclick="closeSidebar()" class="md:hidden w-9 h-9 flex items-center justify-center text-gray-400 hover:text-white hover:bg-gray-800 rounded-lg transition-colors flex-shrink-0 ml-2">
<i class="fas fa-times text-lg"></i>

1
public/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M424.9 280.7c-21.3 11.9-47.9 21.2-77.4 27.8 5.4-21.6 8.5-43.8 9.4-66h84.3v-27.7h-84.3c-1-24.7-4.8-49.3-11.3-73.1 30.2 6.6 57.5 16.1 79.2 28.3 5.8 3.3 13.2 1.2 16.5-4.7 3.3-5.8 1.2-13.2-4.7-16.5-27.5-15.4-62-26.5-99.6-33.6-14.4-39.1-37-74.8-67.7-103.3l-16.5 17.8c24.3 22.5 43.1 50.4 56.4 81.1-20.3-2.7-41.1-4.2-62-4.7V20.8h-27.7v85.3c-20.2.5-40.4 1.9-60.1 4.4 12.9-30.7 31.1-58.5 54.6-81L197.3 12c-29.6 28.4-51.4 63.9-65.6 102.8-38.4 7-73.7 18.3-101.7 34-5.8 3.3-7.9 10.7-4.7 16.5 3.3 5.8 10.7 7.9 16.5 4.7 22.4-12.5 50.4-22.1 81.6-28.8-6.4 23.9-10.1 48.7-11.1 73.6H25.5v27.7h86.9c.9 22.4 4 44.8 9.3 66.6-30.5-6.6-57.9-16.1-79.8-28.4-5.8-3.3-13.2-1.2-16.5 4.7-3.3 5.8-1.2 13.2 4.7 16.5 27.5 15.3 61.8 26.4 99.2 33.5 14 41.6 36.6 79.8 68 109.9l16.8-17.5c-25.3-24.2-44.4-54.5-57.4-88 20.6 2.7 41.7 4.3 62.9 4.8v92h27.7v-92c21.9-.5 43.7-2.2 64.9-5.1-13.4 33.6-33.2 63.9-59.3 88.2l16.5 17.8c32.6-30.2 56-68.6 70.4-110.5 36.6-7.1 70.1-18 97-33.1 5.8-3.3 7.9-10.7 4.7-16.5-3.3-5.9-10.7-8-16.6-4.7m-106-144c8 25 12.6 51.4 13.8 78.1h-85.4v-84.4c24.5.5 48.6 2.7 71.6 6.3m-168.8-.4c22.3-3.4 45.7-5.4 69.4-6v84.4h-82.9c1.2-26.7 5.7-53.3 13.5-78.4M148 314c-6.5-23-10.3-47.1-11.4-71.5h82.9v77.8c-24.4-.6-48.6-2.7-71.5-6.3m99.2 6.3v-77.8h85.4c-1.1 24.2-5 48.2-11.6 71.1-23.6 3.9-48.5 6.1-73.8 6.7" style="fill:#8fb3ff"/><path d="M233.4 31.2c-109.1 0-197.5 88.4-197.5 197.5s88.4 197.5 197.5 197.5 197.5-88.4 197.5-197.5S342.4 31.2 233.4 31.2M4.7 228.7C4.7 102.4 107.1 0 233.4 0S462 102.4 462 228.7 359.7 457.3 233.4 457.3 4.7 354.9 4.7 228.7" style="fill-rule:evenodd;clip-rule:evenodd;fill:#0b4fd4"/><circle cx="328.4" cy="333.1" r="105.9" style="fill:#eaf3ff"/><path d="M424.7 333.1c0 53.2-43.1 96.3-96.3 96.3s-96.3-43.1-96.3-96.3 43.1-96.3 96.3-96.3 96.3 43.1 96.3 96.3m-19 96.8c-21.2 16.9-48.1 27.1-77.3 27.1-68.4 0-123.8-55.4-123.8-123.8S260 209.3 328.4 209.3s123.8 55.4 123.8 123.8c0 29.2-10.1 56.1-27.1 77.3l78.1 78.1c5.4 5.4 5.4 14.1 0 19.5s-14.1 5.4-19.5 0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#2563eb"/><path d="M485.3 503.1c-3.3 0-6.7-1.3-9.2-3.8l-57.8-57.8c-5.1-5.1-5.1-13.4 0-18.5s13.4-5.1 18.5 0l57.8 57.8c5.1 5.1 5.1 13.4 0 18.5-2.6 2.5-6 3.8-9.3 3.8" style="fill:#1e40af"/><path d="M368.4 340.6c0 2.4-1.9 4.3-4.3 4.3h-26.3c-2.1 0-4-1.6-4.2-3.7l-4.6-33.4-9.4 85.9c-.2 2-1.9 3.6-3.9 3.8h-.4c-1.9 0-3.6-1.3-4.1-3.1l-14-49.8-13.8 26.2c-.8 1.6-2.6 2.5-4.3 2.3-1.8-.2-3.2-1.5-3.7-3.2l-6.7-26.8h-32.4c-2.4 0-4.3-1.9-4.3-4.3s1.9-4.3 4.3-4.3H272c2 0 3.7 1.3 4.2 3.3l4.8 19.1 13.6-25.7c.8-1.6 2.5-2.5 4.2-2.3s3.2 1.4 3.7 3.1l10.9 38.8 10.8-98.3c.2-2.1 2-3.8 4.2-3.8 2.4.2 4 1.6 4.3 3.7l8.9 63.9h22.6c2.3.1 4.2 2 4.2 4.3m22.8-4.2h-13.6c-2.4 0-4.3 1.9-4.3 4.3s1.9 4.3 4.3 4.3h13.6c2.4 0 4.3-1.9 4.3-4.3s-2-4.3-4.3-4.3m29.2 0H406c-2.4 0-4.3 1.9-4.3 4.3s1.9 4.3 4.3 4.3h14.5c2.4 0 4.3-1.9 4.3-4.3-.1-2.4-2-4.3-4.4-4.3" style="fill:#22c55e"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB