fix: update media queries to prevent install button to overflow card (#8002)

Signed-off-by: lstocchi <lstocchi@redhat.com>
This commit is contained in:
Luca Stocchi 2024-07-10 09:57:13 +02:00 committed by GitHub
parent b09717b3b2
commit 6c77ef65eb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -12,7 +12,7 @@ export let provider: ProviderInfo;
class="flex bg-[var(--pd-content-card-bg)] rounded-md p-5 gap-3 flex-col flex-nowrap"
role="region"
aria-label="{provider.name} Provider">
<div class="flex flex-col lg:flex-row gap-x-4">
<div class="flex flex-col xl:flex-row gap-x-4">
<div class="grid grid-cols-[3rem_1fr] w-1/4 gap-2">
<IconImage image="{provider?.images?.icon}" class="mx-0 max-h-12" alt="{provider.name}"></IconImage>
<div
@ -34,7 +34,7 @@ export let provider: ProviderInfo;
</div>
</div>
</div>
<div class="flex items-center flex-row space-x-10 mt-5 w-full lg:mt-0 lg:w-3/4 flex-nowrap">
<div class="flex items-center flex-row space-x-10 mt-5 w-full xl:mt-0 xl:w-3/4 flex-nowrap">
<slot name="content" />
</div>
</div>