Change className "status-card" in preview-card to use only Tailwind

This commit is contained in:
danidfra 2024-11-04 11:46:43 -03:00
parent 1d8ab20ddb
commit 56fd528a39
1 changed files with 1 additions and 1 deletions

View File

@ -108,7 +108,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
const interactive = card.type !== 'link'; const interactive = card.type !== 'link';
horizontal = typeof horizontal === 'boolean' ? horizontal : interactive || embedded; horizontal = typeof horizontal === 'boolean' ? horizontal : interactive || embedded;
const className = clsx('flex overflow-hidden rounded-lg border border-solid border-gray-200 text-sm text-gray-800 no-underline dark:border-gray-800 dark:text-gray-200', { horizontal, compact, interactive }, `status-card--${card.type}`); const className = clsx('flex overflow-hidden rounded-lg border border-solid border-gray-200 text-sm text-gray-800 no-underline dark:border-gray-800 dark:text-gray-200', { horizontal, compact, interactive, 'flex flex-col md:flex-row': card.type === 'link' });
const ratio = getRatio(card); const ratio = getRatio(card);
const height = (compact && !embedded) ? (width / (16 / 9)) : (width / ratio); const height = (compact && !embedded) ? (width / (16 / 9)) : (width / ratio);