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): fix placeholder image padding (#512)

Browse source
This commit is contained in:
Wang Sijie 2022-04-08 11:20:34 +08:00 • committed by GitHub
parent b78a9cf82e
commit ad769cd4a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/console/src/components/ImagePlaceholder/index.module.scss
View file

@ -1,6 +1,9 @@
@use '@/scss/underscore' as _;
.container { .container {
background: rgba(#ffcc4d, 0.3); background: rgba(#ffcc4d, 0.3);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: _.unit(2);
} }

4
packages/console/src/components/ImagePlaceholder/index.tsx
View file

@ -14,11 +14,11 @@ const ImagePlaceholder = ({ size = 40, borderRadius = 8 }: Props) => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<div className={styles.container} style={{ width: size, height: size, borderRadius }}> <div className={styles.container} style={{ borderRadius }}>
<img <img
alt={t('general.placeholder')} alt={t('general.placeholder')}
src={defaultPlaceholder} src={defaultPlaceholder}
style={{ width: size, height: size }} style={{ width: size - 16, height: size - 16 }}
/> />
</div> </div>
); );

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

@ -4,7 +4,7 @@ a.link {
} }
.logo { .logo {
width: 50px; width: 40px;
height: 50px; height: 40px;
border-radius: 5px; border-radius: 5px;
} }