style: enhance UI elements in AWS IAM forms with transition effects

- Updated the target role and AWS IAM role setup sections to include a transition effect on hover, improving user experience and visual feedback.
- Ensured consistency in styling across both AWS IAM account and resource forms.
This commit is contained in:
Victor Santos
2025-12-05 17:43:01 -03:00
parent c5169217a4
commit 69fd05bc1e
2 changed files with 2 additions and 2 deletions

View File

@@ -146,7 +146,7 @@ export const AwsIamAccountForm = ({ account, onSubmit }: Props) => {
>
<AccordionItem value="target-role-setup" className="border-b-0">
<AccordionTrigger className="px-4 py-2.5 hover:no-underline [&[data-state=open]]:pb-1">
<div className="flex items-center text-sm">
<div className="flex items-center text-sm transition-colors duration-150 hover:text-primary">
<FontAwesomeIcon icon={faInfoCircle} size="sm" className="mr-1.5 text-primary" />
Target Role Setup
</div>

View File

@@ -133,7 +133,7 @@ export const AwsIamResourceForm = ({ resource, onSubmit }: Props) => {
>
<AccordionItem value="aws-iam-role-setup" className="border-b-0">
<AccordionTrigger className="px-4 py-2.5 hover:no-underline [&[data-state=open]]:pb-1">
<div className="flex items-center text-sm">
<div className="flex items-center text-sm transition-colors duration-150 hover:text-primary">
<FontAwesomeIcon icon={faInfoCircle} size="sm" className="mr-1.5 text-primary" />
AWS IAM Role Setup
</div>