mirror of
https://github.com/tiennm99/coolify.git
synced 2026-04-21 21:21:32 +00:00
feat: display service logos in original colors with consistent sizing
This commit improves the visual presentation of service, application, and database logos on the new resource selection page: - Remove grayscale filter: Logos now display in their original colors by default instead of being greyed out - Dark mode support for SVGs: Updated SVG logos to use `fill="currentColor"` and added `text-black dark:text-white` wrapper for proper light/dark theme adaptation - Consistent aspect ratios: Removed `aspect-square` and added `object-contain` to preserve original logo proportions - Uniform sizing: Implemented fixed-size container (4.5rem × 4.5rem) with centered logo positioning to ensure all logos appear at consistent sizes regardless of intrinsic dimensions - Improved mobile UX: Adjusted sticky search bar positioning from `top-10` to `top-20` to prevent navbar overlap Files modified: - resources/views/livewire/project/new/select.blade.php - resources/views/components/resource-view.blade.php - app/Livewire/Project/New/Select.php - public/svgs/*.svg (12 SVG files updated with currentColor) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -4,7 +4,9 @@
|
||||
'hover:border-l-red-500 cursor-not-allowed' => $upgrade,
|
||||
])>
|
||||
<div class="flex items-center">
|
||||
{{ $logo }}
|
||||
<div class="w-[4.5rem] h-[4.5rem] flex items-center justify-center text-black dark:text-white shrink-0">
|
||||
{{ $logo }}
|
||||
</div>
|
||||
<div class="flex flex-col pl-2 ">
|
||||
<div class="dark:text-white text-md">
|
||||
{{ $title }}
|
||||
|
||||
Reference in New Issue
Block a user