Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-24 22:41:28 -05:00
Code Issues Activity

style(console): text ellipsis in audit logs table (#2986)

Browse source
This commit is contained in:
Xiao Yijun 2023-01-19 00:01:19 +08:00 • committed by GitHub
parent 3c1793e6ba
commit 0ee0370760
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/console/src/components/AuditLogTable/components/EventName/index.module.scss
View file

@ -24,5 +24,6 @@
font: var(--font-body-medium);
color: var(--color-text-link);
text-decoration: none;
@include _.text-ellipsis;
}
}

26
packages/console/src/components/AuditLogTable/components/EventName/index.tsx
View file

@ -21,20 +21,18 @@ const EventName = ({ eventKey, isSuccess, to }: Props) => {
<div className={classNames(styles.icon, isSuccess ? styles.success : styles.fail)}>
{isSuccess ? <Success /> : <Failed />}
</div>
<div>
{to && (
<Link
className={styles.title}
to={to}
onClick={(event) => {
event.stopPropagation();
}}
>
{title}
</Link>
)}
{!to && <div className={styles.title}>{title}</div>}
</div>
{to && (
<Link
className={styles.title}
to={to}
onClick={(event) => {
event.stopPropagation();
}}
>
{title}
</Link>
)}
{!to && <div className={styles.title}>{title}</div>}
</div>
);
};