style(branding): add header logo gap and use stone-900 background

Add 4px gap between logo and header elements with flex-shrink support.
Change base background from near-black (#0c0a09) to stone-900 (#1c1917)
to match the marketing site's darkest dark-mode color.
This commit is contained in:
rosslh 2026-02-17 14:57:52 -08:00
parent 32856d72d6
commit f98b8b5655
3 changed files with 4 additions and 4 deletions

View file

@ -3,7 +3,7 @@
return [ return [
// MapleDeploy branding: registry pointed to Forgejo, auto-update disabled by default // MapleDeploy branding: registry pointed to Forgejo, auto-update disabled by default
'coolify' => [ 'coolify' => [
'version' => '4.0.0-beta.463.4', 'version' => '4.0.0-beta.463.5',
'helper_version' => '1.0.12', 'helper_version' => '1.0.12',
'realtime_version' => '1.0.10', 'realtime_version' => '1.0.10',
'self_hosted' => env('SELF_HOSTED', true), 'self_hosted' => env('SELF_HOSTED', true),

View file

@ -18,7 +18,7 @@ @theme {
--font-sans: Inter, sans-serif; --font-sans: Inter, sans-serif;
--font-display: 'Overlock', sans-serif; --font-display: 'Overlock', sans-serif;
--color-base: #0c0a09; --color-base: #1c1917;
--color-warning: #fcd452; --color-warning: #fcd452;
--color-warning-50: #fefce8; --color-warning-50: #fefce8;
--color-warning-100: #fef9c3; --color-warning-100: #fef9c3;

View file

@ -77,9 +77,9 @@
} }
} }
}"> }">
<div class="flex lg:pt-6 pt-4 pb-4 pl-2"> <div class="flex lg:pt-6 pt-4 pb-4 pl-2 gap-1">
{{-- MapleDeploy branding --}} {{-- MapleDeploy branding --}}
<div class="flex flex-col w-full"> <div class="flex flex-col min-w-0 flex-1">
<a href="/" {{ wireNavigate() }} class="hover:opacity-80 transition-opacity"> <a href="/" {{ wireNavigate() }} class="hover:opacity-80 transition-opacity">
<img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="max-h-6 w-auto max-w-full dark:hidden" /> <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="max-h-6 w-auto max-w-full dark:hidden" />
<img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden max-h-6 w-auto max-w-full dark:block" /> <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden max-h-6 w-auto max-w-full dark:block" />