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

fix(console): transfer items should all be rendered as 40px in height (#4543)

Browse source
This commit is contained in:
Charles Zhao 2023-09-18 16:41:50 +08:00 • committed by GitHub
parent ff1da7700f
commit 0175d80d88
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 11 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/console/src/components/RoleEntitiesTransfer/components/TargetEntityItem/index.module.scss
View file

@ -3,22 +3,21 @@
.item {
display: flex;
align-items: center;
padding: _.unit(2.5) _.unit(4);
padding: _.unit(2) _.unit(3) _.unit(2) _.unit(4);
user-select: none;
.icon {
width: 20px;
height: 20px;
border-radius: 6px;
color: var(--color-text-secondary);
}
.meta {
flex: 1;
display: flex;
align-items: center;
overflow: hidden;
.icon {
width: 20px;
height: 20px;
border-radius: 6px;
}
.title {
flex: 1 1 0;
font: var(--font-body-2);

1
packages/console/src/components/RoleEntitiesTransfer/components/TargetEntityItem/index.tsx
View file

@ -31,7 +31,6 @@ function TargetEntityItem<T extends User | Application>({ entity, onDelete }: Pr
</div>
<IconButton
size="small"
iconClassName={styles.icon}
onClick={() => {
onDelete();
}}

2
packages/console/src/components/RoleScopesTransfer/components/ResourceItem/index.tsx
View file

@ -49,7 +49,7 @@ function ResourceItem({ resource, selectedScopes, onSelectResource, onSelectScop
setIsScopesInvisible(!isScopesInvisible);
}}
>
<IconButton size="small" className={styles.caret}>
<IconButton size="medium" className={styles.caret}>
{isScopesInvisible ? <CaretFolded /> : <CaretExpanded />}
</IconButton>
<div className={styles.name}>{name}</div>

6
packages/console/src/components/RoleScopesTransfer/components/TargetScopeItem/index.module.scss
View file

@ -3,7 +3,7 @@
.targetScopeItem {
display: flex;
align-items: center;
padding: _.unit(1.5) _.unit(4);
padding: _.unit(1.5) _.unit(3) _.unit(1.5) _.unit(4);
.title {
flex: 1 1 0;
@ -28,10 +28,6 @@
}
}
.icon {
color: var(--color-text-secondary);
}
&:hover {
background: var(--color-hover);
}

1
packages/console/src/components/RoleScopesTransfer/components/TargetScopeItem/index.tsx
View file

@ -24,7 +24,6 @@ function TargetScopeItem({ scope, onDelete }: Props) {
</div>
<IconButton
size="small"
iconClassName={styles.icon}
onClick={() => {
onDelete(scope);
}}

6
packages/console/src/components/UserRolesTransfer/components/TargetRoleItem/index.module.scss
View file

@ -3,7 +3,7 @@
.item {
display: flex;
align-items: center;
padding: _.unit(2.5) _.unit(4);
padding: _.unit(2) _.unit(3) _.unit(2) _.unit(4);
font: var(--font-body-2);
user-select: none;
@ -28,8 +28,4 @@
color: var(--color-text-secondary);
}
}
.icon {
color: var(--color-text-secondary);
}
}

2
packages/console/src/components/UserRolesTransfer/components/TargetRoleItem/index.tsx
View file

@ -23,7 +23,7 @@ function TargetRoleItem({ role, onDelete }: Props) {
({t('user_details.roles.assigned_user_count', { value: usersCount })})
</div>
</div>
<IconButton size="small" iconClassName={styles.icon} onClick={onDelete}>
<IconButton size="small" onClick={onDelete}>
<Close />
</IconButton>
</div>