coolify/resources/views/components/resource-view.blade.php

 <div @class([
    'coolbox group',
    '!cursor-not-allowed hover:border-l-red-500' => $upgrade,
 ])>
    <div class="flex items-center">
        <div class="w-[4.5rem] h-[4.5rem] flex items-center justify-center text-black dark:text-white shrink-0 rounded-lg overflow-hidden">
            {{ $logo }}
        </div>
        <div class="flex flex-col pl-3 space-y-1">
            <div class="dark:text-white text-md font-medium">
                {{ $title }}
            </div>
            @if ($upgrade)
                <div>{{ $upgrade }}</div>
            @else
                <div class="text-xs dark:text-neutral-400 dark:group-hover:text-neutral-200 line-clamp-2">
                    {{ $description }}
                </div>
            @endif
        </div>
    </div>
</div>
feat: improve new resource selection UI layout and styling 2025-11-20 04:53:05 +00:00			`<div @class([`
Refactor UI components to use 'coolbox' class for consistent styling across various views - Updated dashboard, destination, project, and server views to replace 'box' class with 'coolbox' for improved visual consistency. - Modified links and buttons in shared variables and scheduled tasks views to utilize 'coolbox' class. - Ensured all relevant components reflect the new styling approach, enhancing user experience and interface coherence. 2025-11-28 12:55:54 +00:00			`'coolbox group',`
			`'!cursor-not-allowed hover:border-l-red-500' => $upgrade,`
feat: improve new resource selection UI layout and styling 2025-11-20 04:53:05 +00:00			`])>`
ui: updates 2024-02-20 14:07:12 +00:00			`<div class="flex items-center">`
feat: improve new resource selection UI layout and styling 2025-11-20 04:53:05 +00:00			`<div class="w-[4.5rem] h-[4.5rem] flex items-center justify-center text-black dark:text-white shrink-0 rounded-lg overflow-hidden">`
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> 2025-10-23 19:27:53 +00:00			`{{ $logo }}`
			`</div>`
feat: improve new resource selection UI layout and styling 2025-11-20 04:53:05 +00:00			`<div class="flex flex-col pl-3 space-y-1">`
			`<div class="dark:text-white text-md font-medium">`
ui: updates 2024-02-20 14:07:12 +00:00			`{{ $title }}`
			`</div>`
ui + package updates 2024-03-25 09:41:44 +00:00			`@if ($upgrade)`
ui ui ui ui ui ui ux ux ux ux ux ux 2024-03-21 11:44:32 +00:00			`<div>{{ $upgrade }}</div>`
feat: minversion for services 2024-02-22 10:53:25 +00:00			`@else`
feat: improve new resource selection UI layout and styling 2025-11-20 04:53:05 +00:00			`<div class="text-xs dark:text-neutral-400 dark:group-hover:text-neutral-200 line-clamp-2">`
feat: minversion for services 2024-02-22 10:53:25 +00:00			`{{ $description }}`
			`</div>`
			`@endif`
ui: updates 2024-02-20 14:07:12 +00:00			`</div>`
			`</div>`
			`</div>`