fix: text overlay on dashboard card (#8032)

Signed-off-by: lstocchi <lstocchi@redhat.com>
This commit is contained in:
Luca Stocchi 2024-07-11 14:35:50 +02:00 committed by GitHub
parent daea42d770
commit b2f98d7192
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -13,15 +13,15 @@ export let provider: ProviderInfo;
role="region"
aria-label="{provider.name} Provider">
<div class="flex flex-col xl:flex-row gap-x-4">
<div class="grid grid-cols-[3rem_1fr] w-1/4 gap-2">
<div class="grid grid-cols-[3rem_1fr] w-full xl:w-1/4 gap-2">
<IconImage image="{provider?.images?.icon}" class="mx-0 max-h-12" alt="{provider.name}"></IconImage>
<div
class="flex flex-col gap-0 text-[var(--pd-content-card-title)] text-lg whitespace-nowrap"
aria-label="context-name">
<div class="flex flex-row gap-1 items-center">
{provider.name}
<div class="gap-1 items-center">
<span class="float-left mr-1">{provider.name}</span>
{#if provider.version}
<div class="text-[var(--pd-content-card-light-title)] text-base" aria-label="Provider Version">
<div class="text-[var(--pd-content-card-light-title)] text-base float-left" aria-label="Provider Version">
v{provider.version}
</div>
{/if}