Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-20 21:32:31 -05:00
Code Issues Activity

fix(console): item preview alignment (#1159)

Browse source
This commit is contained in:
Xiao Yijun 2022-06-20 20:10:15 +08:00 • committed by GitHub
parent a868c1ff63
commit 5c43da2201
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/console/src/components/ItemPreview/index.module.scss
View file

@ -6,18 +6,13 @@
white-space: nowrap; white-space: nowrap;
> div:not(:first-child) { > div:not(:first-child) {
margin-left: _.unit(4); margin-left: _.unit(3);
}
.icon {
flex-shrink: 0;
} }
.title { .title {
font: var(--font-body-medium); font: var(--font-body-medium);
color: var(--color-text-link); color: var(--color-text-link);
text-decoration: none; text-decoration: none;
margin-bottom: _.unit(1);
} }
.subtitle { .subtitle {

2
packages/console/src/components/ItemPreview/index.tsx
View file

@ -15,7 +15,7 @@ type Props = {
const ItemPreview = ({ title, subtitle, icon, to, size = 'default' }: Props) => { const ItemPreview = ({ title, subtitle, icon, to, size = 'default' }: Props) => {
return ( return (
<div className={classNames(styles.item, styles[size])}> <div className={classNames(styles.item, styles[size])}>
{icon && <div className={styles.icon}>{icon}</div>} {icon}
<div className={styles.content}> <div className={styles.content}>
{to && ( {to && (
<Link <Link