b02689a43e
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>
27 lines
962 B
PHP
27 lines
962 B
PHP
<div @class([
|
|
'transition-all duration-150 box-without-bg dark:bg-coolgray-100 bg-white group',
|
|
'hover:border-l-coollabs cursor-pointer' => !$upgrade,
|
|
'hover:border-l-red-500 cursor-not-allowed' => $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">
|
|
{{ $logo }}
|
|
</div>
|
|
<div class="flex flex-col pl-2 ">
|
|
<div class="dark:text-white text-md">
|
|
{{ $title }}
|
|
</div>
|
|
@if ($upgrade)
|
|
<div>{{ $upgrade }}</div>
|
|
@else
|
|
<div class="text-xs font-bold dark:text-neutral-500 dark:group-hover:text-neutral-300">
|
|
{{ $description }}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@isset($documentation)
|
|
<div class="flex-1"></div>
|
|
{{ $documentation }}
|
|
@endisset
|
|
</div>
|