fix: new resource icons

This commit is contained in:
Andras Bacsai 2024-11-25 15:33:38 +01:00
parent d87cb67229
commit 504caefb8c
2 changed files with 12 additions and 14 deletions

File diff suppressed because one or more lines are too long

View file

@ -30,8 +30,7 @@ class="grid justify-start grid-cols-1 gap-4 text-left xl:grid-cols-1">
<span x-html="application.description"></span> <span x-html="application.description"></span>
</x-slot> </x-slot>
<x-slot:logo> <x-slot:logo>
<img class="w-[4.5rem] <img class="w-[4.5rem] aspect-square h-[4.5rem] p-2 transition-all duration-200 dark:opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100 dark:bg-white/10 bg-black/10"
aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100 "
:src="application.logo"> :src="application.logo">
</x-slot:logo> </x-slot:logo>
</x-resource-view> </x-resource-view>
@ -47,8 +46,7 @@ class="grid justify-start grid-cols-1 gap-4 text-left xl:grid-cols-3">
<x-slot:title><span x-text="application.name"></span></x-slot> <x-slot:title><span x-text="application.name"></span></x-slot>
<x-slot:description><span x-text="application.description"></span></x-slot> <x-slot:description><span x-text="application.description"></span></x-slot>
<x-slot:logo> <img <x-slot:logo> <img
class="w-[4.5rem] class="w-[4.5rem] aspect-square h-[4.5rem] p-2 transition-all duration-200 dark:opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100 dark:bg-white/10 bg-black/10 "
aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100 "
:src="application.logo"></x-slot> :src="application.logo"></x-slot>
</x-resource-view> </x-resource-view>
</div> </div>
@ -100,7 +98,7 @@ class="grid justify-start grid-cols-1 gap-4 text-left xl:grid-cols-2">
</x-slot> </x-slot>
<x-slot:logo> <x-slot:logo>
<template x-if="service.logo"> <template x-if="service.logo">
<img class="w-[4.5rem] aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100" <img class="w-[4.5rem] aspect-square h-[4.5rem] p-2 transition-all duration-200 dark:opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100 dark:bg-white/10 bg-black/10"
:src='service.logo' :src='service.logo'
x-on:error.window="$event.target.src = service.logo_github_url" x-on:error.window="$event.target.src = service.logo_github_url"
onerror="this.onerror=null; this.src=this.getAttribute('data-fallback');" onerror="this.onerror=null; this.src=this.getAttribute('data-fallback');"