Skip to content

Commit

Permalink
fix(SLB-308): update style
Browse files Browse the repository at this point in the history
  • Loading branch information
HagerDakroury committed May 14, 2024
1 parent 87acfcb commit c75569c
Showing 1 changed file with 14 additions and 12 deletions.
26 changes: 14 additions & 12 deletions packages/ui/src/components/Organisms/PageContent/BlockCta.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,18 +10,20 @@ import React from 'react';

export function BlockCta(props: BlockCtaFragment) {
return (
<Link
className={clsx(
{ 'flex-row-reverse': props.iconPosition === CtaIconPosition.Before },
'text-blue-600 hover:text-white border border-blue-600 hover:bg-blue-600 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg py-2 px-3 gap-2 flex flex-row items-center text-xs font-medium text-center w-fit transition-all duration-200 ease-in-out group',
)}
href={props.url ?? ('/' as Url)}
target={props.openInNewTab ? '_blank' : '_self'}
rel="noreferrer"
>
{props.text}
{!!props.icon && props.icon === CtaIconType.Arrow && <ArrowRightIcon />}
</Link>
<div className="container-content my-2 lg:my-3">
<Link
className={clsx(
{ 'flex-row-reverse': props.iconPosition === CtaIconPosition.Before },
'text-blue-600 hover:text-white border border-blue-600 hover:bg-blue-600 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg py-2 px-3 gap-2 flex flex-row items-center text-xs leading-[1.125rem] font-medium text-center w-fit transition-all duration-200 ease-in-out group',
)}
href={props.url ?? ('/' as Url)}
target={props.openInNewTab ? '_blank' : '_self'}
rel="noreferrer"
>
{props.text}
{!!props.icon && props.icon === CtaIconType.Arrow && <ArrowRightIcon />}
</Link>
</div>
);
}

Expand Down

0 comments on commit c75569c

Please sign in to comment.