rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(branding): fix logo scaling, progress bar color, and Overlock font application
All checks were successful
Build MapleDeploy Coolify Image / build (push) Successful in 1m10s
Details

Browse source 
- 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
This commit is contained in:
rosslh 2026-02-14 12:51:35 -05:00
parent b7dcdea071
commit 58246bc97d
8 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
config/livewire.php
View file

@ -118,7 +118,7 @@
'navigate' => [ 'navigate' => [
'show_progress_bar' => true, 'show_progress_bar' => true,
'progress_bar_color' => '#ffff00', 'progress_bar_color' => '#fcd452',
], ],
/* /*

8
resources/css/app.css
View file

@ -124,19 +124,19 @@ button[isHighlighted]:not(:disabled) {
} }
h1 { h1 {
@apply text-3xl font-bold dark:text-white; @apply text-3xl font-bold font-display dark:text-white;
} }
h2 { h2 {
@apply text-xl font-bold dark:text-white; @apply text-xl font-bold font-display dark:text-white;
} }
h3 { h3 {
@apply text-lg font-bold dark:text-white; @apply text-lg font-bold font-display dark:text-white;
} }
h4 { h4 {
@apply text-base font-bold dark:text-white; @apply text-base font-bold font-display dark:text-white;
} }
a { a {

2
resources/views/components/callout.blade.php
View file

@ -48,7 +48,7 @@
{!! $icon !!} {!! $icon !!}
</div> </div>
<div class="ml-3 {{ $dismissible ? 'pr-8' : '' }}"> <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 }} {{ $title }}
</div> </div>
<div class="mt-2 text-sm {{ $colorScheme['text'] }}"> <div class="mt-2 text-sm {{ $colorScheme['text'] }}">

2
resources/views/components/limit-reached.blade.php
View file

@ -1,5 +1,5 @@
<div class="flex flex-col items-center justify-center h-32"> <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 <span>Please <a class="dark:text-white underline" {{ wireNavigate() }} href="{{ route('subscription.show') }}">upgrade your
subscription</a> to create more subscription</a> to create more
{{ $name }}.</span> {{ $name }}.</span>

4
resources/views/components/navbar.blade.php
View file

@ -81,8 +81,8 @@
{{-- MapleDeploy branding --}} {{-- MapleDeploy branding --}}
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
<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="h-6 dark:hidden" /> <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 dark:block" /> <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden h-6 w-auto dark:block" />
</a> </a>
<span class="text-xs opacity-75 dark:text-neutral-400">Powered by Coolify</span> <span class="text-xs opacity-75 dark:text-neutral-400">Powered by Coolify</span>
</div> </div>

4
resources/views/layouts/app.blade.php
View file

@ -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"> 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"> <div class="flex items-center gap-3 flex-shrink-0">
<a href="/" class="hover:opacity-80 transition-opacity"> <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" 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 dark:block" /> <img src="https://mapledeploy.ca/api/logo/lockup?height=32&dark=true" alt="MapleDeploy" class="hidden h-5 w-auto dark:block" />
</a> </a>
<livewire:switch-team /> <livewire:switch-team />
</div> </div>

2
resources/views/livewire/project/database/import.blade.php
View file

@ -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> 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> <x-forms.button class="w-full" wire:click='checkFile' x-bind:disabled="!$wire.customLocation">Check File</x-forms.button>
</form> </form>
<div class="pt-2 text-center text-xl font-bold"> <div class="pt-2 text-center text-xl font-bold font-display">
Or Or
</div> </div>
<form action="/upload/backup/{{ $resourceUuid }}" class="dropzone" id="my-dropzone" wire:ignore> <form action="/upload/backup/{{ $resourceUuid }}" class="dropzone" id="my-dropzone" wire:ignore>

4
resources/views/livewire/project/shared/scheduled-task/all.blade.php
View file

@ -17,7 +17,7 @@
<a class="coolbox" {{ wireNavigate() }} <a class="coolbox" {{ wireNavigate() }}
href="{{ route('project.application.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}"> href="{{ route('project.application.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
<span class="flex flex-col"> <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) @if ($task->container)
<span class="text-xs font-normal">({{ $task->container }})</span> <span class="text-xs font-normal">({{ $task->container }})</span>
@endif @endif
@ -32,7 +32,7 @@
<a class="coolbox" {{ wireNavigate() }} <a class="coolbox" {{ wireNavigate() }}
href="{{ route('project.service.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}"> href="{{ route('project.service.scheduled-tasks', [...$parameters, 'task_uuid' => $task->uuid]) }}">
<span class="flex flex-col"> <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) @if ($task->container)
<span class="text-xs font-normal">({{ $task->container }})</span> <span class="text-xs font-normal">({{ $task->container }})</span>
@endif @endif