mirror of
https://github.com/awatertrevi/infisical.git
synced 2026-09-22 13:39:35 +00:00
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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user