From 58246bc97d3cecbc24167e2d32dfe4d34a8438cc Mon Sep 17 00:00:00 2001
From: rosslh <ross@rosshill.ca>
Date: Sat, 14 Feb 2026 12:51:35 -0500
Subject: [PATCH] fix(branding): fix logo scaling, progress bar color, and
 Overlock font application

- Add w-auto to sidebar/mobile logo imgs to prevent horizontal squishing
- Change Livewire progress bar color from #ffff00 to theme warning #fcd452
- Add font-display (Overlock) to h1-h4 base styles and non-semantic heading elements
---
 config/livewire.php                                       | 2 +-
 resources/css/app.css                                     | 8 ++++----
 resources/views/components/callout.blade.php              | 2 +-
 resources/views/components/limit-reached.blade.php        | 2 +-
 resources/views/components/navbar.blade.php               | 4 ++--
 resources/views/layouts/app.blade.php                     | 4 ++--
 .../views/livewire/project/database/import.blade.php      | 2 +-
 .../livewire/project/shared/scheduled-task/all.blade.php  | 4 ++--
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/config/livewire.php b/config/livewire.php
index bd3733076..716739b17 100644
--- a/config/livewire.php
+++ b/config/livewire.php
@@ -118,7 +118,7 @@
 
     'navigate' => [
         'show_progress_bar' => true,
-        'progress_bar_color' => '#ffff00',
+        'progress_bar_color' => '#fcd452',
     ],
 
     /*
diff --git a/resources/css/app.css b/resources/css/app.css
index 3b6a883a9..b0bcbc5c8 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -124,19 +124,19 @@ button[isHighlighted]:not(:disabled) {
 }
 
 h1 {
-    @apply text-3xl font-bold dark:text-white;
+    @apply text-3xl font-bold font-display dark:text-white;
 }
 
 h2 {
-    @apply text-xl font-bold dark:text-white;
+    @apply text-xl font-bold font-display dark:text-white;
 }
 
 h3 {
-    @apply text-lg font-bold dark:text-white;
+    @apply text-lg font-bold font-display dark:text-white;
 }
 
 h4 {
-    @apply text-base font-bold dark:text-white;
+    @apply text-base font-bold font-display dark:text-white;
 }
 
 a {
diff --git a/resources/views/components/callout.blade.php b/resources/views/components/callout.blade.php
index ec99729ef..8203d6735 100644
--- a/resources/views/components/callout.blade.php
+++ b/resources/views/components/callout.blade.php
@@ -48,7 +48,7 @@
             {!! $icon !!}
         </div>
         <div class="ml-3 {{ $dismissible ? 'pr-8' : '' }}">
-            <div class="text-base font-bold {{ $colorScheme['title'] }}">
+            <div class="text-base font-bold font-display {{ $colorScheme['title'] }}">
                 {{ $title }}
             </div>
             <div class="mt-2 text-sm {{ $colorScheme['text'] }}">
diff --git a/resources/views/components/limit-reached.blade.php b/resources/views/components/limit-reached.blade.php
index 1fc26bbe0..0295a9a97 100644
--- a/resources/views/components/limit-reached.blade.php
+++ b/resources/views/components/limit-reached.blade.php
@@ -1,5 +1,5 @@
 <div class="flex flex-col items-center justify-center h-32">
-    <span class="text-xl font-bold dark:text-white">You have reached the limit of {{ $name }} you can create.</span>
+    <span class="text-xl font-bold font-display dark:text-white">You have reached the limit of {{ $name }} you can create.</span>
     <span>Please <a class="dark:text-white underline" {{ wireNavigate() }} href="{{ route('subscription.show') }}">upgrade your
             subscription</a> to create more
         {{ $name }}.</span>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 56b6cabb2..0dbdfef93 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -81,8 +81,8 @@
         {{-- MapleDeploy branding --}}
         <div class="flex flex-col w-full">
             <a href="/" {{ wireNavigate() }} class="hover:opacity-80 transition-opacity">
-                <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="h-6 dark:hidden" />
-                <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden h-6 dark:block" />
+                <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="h-6 w-auto dark:hidden" />
+                <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden h-6 w-auto dark:block" />
             </a>
             <span class="text-xs opacity-75 dark:text-neutral-400">Powered by Coolify</span>
         </div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index feee0c39f..c8135f97c 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -50,8 +50,8 @@
                 class="sticky top-0 z-40 flex items-center justify-between px-4 py-4 gap-x-6 sm:px-6 lg:hidden bg-white/95 dark:bg-base/95 backdrop-blur-sm border-b border-neutral-300/50 dark:border-coolgray-200/50">
                 <div class="flex items-center gap-3 flex-shrink-0">
                     <a href="/" class="hover:opacity-80 transition-opacity">
-                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32" alt="MapleDeploy" class="h-5 dark:hidden" />
-                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32&dark=true" alt="MapleDeploy" class="hidden h-5 dark:block" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32" alt="MapleDeploy" class="h-5 w-auto dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32&dark=true" alt="MapleDeploy" class="hidden h-5 w-auto dark:block" />
                     </a>
                     <livewire:switch-team />
                 </div>
diff --git a/resources/views/livewire/project/database/import.blade.php b/resources/views/livewire/project/database/import.blade.php
index 666abb3b3..aad821b12 100644
--- a/resources/views/livewire/project/database/import.blade.php
+++ b/resources/views/livewire/project/database/import.blade.php
@@ -136,7 +136,7 @@ class="flex-1 p-6 border-2 rounded-sm cursor-pointer transition-all"
                             wire:model='customLocation' x-model="$wire.customLocation"></x-forms.input>
                         <x-forms.button class="w-full" wire:click='checkFile' x-bind:disabled="!$wire.customLocation">Check File</x-forms.button>
                     </form>
-                    <div class="pt-2 text-center text-xl font-bold">
+                    <div class="pt-2 text-center text-xl font-bold font-display">
                         Or
                     </div>
                     <form action="/upload/backup/{{ $resourceUuid }}" class="dropzone" id="my-dropzone" wire:ignore>
diff --git a/resources/views/livewire/project/shared/scheduled-task/all.blade.php b/resources/views/livewire/project/shared/scheduled-task/all.blade.php
index af5310ba7..2597dd08e 100644
--- a/resources/views/livewire/project/shared/scheduled-task/all.blade.php
+++ b/resources/views/livewire/project/shared/scheduled-task/all.blade.php
@@ -17,7 +17,7 @@
                 <a class="coolbox" {{ wireNavigate() }}
                     href="{{ route('project.application.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
                     <span class="flex flex-col">
-                        <span class="text-lg font-bold">{{ $task->name }}
+                        <span class="text-lg font-bold font-display">{{ $task->name }}
                             @if ($task->container)
                                 <span class="text-xs font-normal">({{ $task->container }})</span>
                             @endif
@@ -32,7 +32,7 @@
                 <a class="coolbox" {{ wireNavigate() }}
                     href="{{ route('project.service.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
                     <span class="flex flex-col">
-                        <span class="text-lg font-bold">{{ $task->name }}
+                        <span class="text-lg font-bold font-display">{{ $task->name }}
                             @if ($task->container)
                                 <span class="text-xs font-normal">({{ $task->container }})</span>
                             @endif