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

fix(console): icons in item preview should not be shrinked (#1234)

Browse source
This commit is contained in:
Xiao Yijun 2022-06-27 13:17:18 +08:00 • committed by GitHub
parent 2a34684587
commit 2d663025ec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 36 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/console/src/pages/ApiResources/index.module.scss
View file

@ -14,6 +14,10 @@
flex: 1; flex: 1;
} }
.icon {
flex-shrink: 0;
}
.pagination { .pagination {
margin-top: _.unit(4); margin-top: _.unit(4);
min-height: 32px; min-height: 32px;

47
packages/console/src/pages/ApiResources/index.tsx
View file

@ -108,28 +108,31 @@ const ApiResources = () => {
/> />
</TableEmpty> </TableEmpty>
)} )}
{apiResources?.map(({ id, name, indicator }) => ( {apiResources?.map(({ id, name, indicator }) => {
<tr const ResourceIcon =
key={id} theme === AppearanceMode.LightMode ? ApiResource : ApiResourceDark;
className={tableStyles.clickable}
onClick={() => { return (
navigate(buildDetailsLink(id)); <tr
}} key={id}
> className={tableStyles.clickable}
<td> onClick={() => {
<ItemPreview navigate(buildDetailsLink(id));
title={name} }}
icon={ >
theme === AppearanceMode.LightMode ? <ApiResource /> : <ApiResourceDark /> <td>
} <ItemPreview
to={buildDetailsLink(id)} title={name}
/> icon={<ResourceIcon className={styles.icon} />}
</td> to={buildDetailsLink(id)}
<td> />
<CopyToClipboard value={indicator} variant="text" /> </td>
</td> <td>
</tr> <CopyToClipboard value={indicator} variant="text" />
))} </td>
</tr>
);
})}
</tbody> </tbody>
</table> </table>
</div> </div>

4
packages/console/src/pages/Applications/index.module.scss
View file

@ -14,6 +14,10 @@
flex: 1; flex: 1;
} }
.icon {
flex-shrink: 0;
}
.pagination { .pagination {
margin-top: _.unit(4); margin-top: _.unit(4);
min-height: 32px; min-height: 32px;

2
packages/console/src/pages/Applications/index.tsx
View file

@ -115,7 +115,7 @@ const Applications = () => {
<ItemPreview <ItemPreview
title={name} title={name}
subtitle={t(`${applicationTypeI18nKey[type]}.title`)} subtitle={t(`${applicationTypeI18nKey[type]}.title`)}
icon={<ApplicationIcon type={type} />} icon={<ApplicationIcon className={styles.icon} type={type} />}
to={`/applications/${id}`} to={`/applications/${id}`}
/> />
</td> </td>

1
packages/console/src/pages/Connectors/components/ConnectorName/index.module.scss
View file

@ -13,6 +13,7 @@ a.link {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0;
} }
.logo { .logo {

1
packages/console/src/pages/Users/index.module.scss
View file

@ -38,6 +38,7 @@
height: 28px; height: 28px;
border-radius: 6px; border-radius: 6px;
object-fit: cover; object-fit: cover;
flex-shrink: 0;
} }
.userName { .userName {