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

style(console): update space size for table placeholder (#5204)

Browse source
This commit is contained in:
Xiao Yijun 2024-01-08 11:41:58 +08:00 • committed by GitHub
parent c1bb631648
commit d7dd525ea4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/console/src/ds-components/Table/TableEmptyWrapper.module.scss
View file

@ -9,6 +9,13 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding-bottom: _.unit(25);
.topSpace {
flex: 2;
}
.bottomSpace {
flex: 3;
}
} }
} }

7
packages/console/src/ds-components/Table/TableEmptyWrapper.tsx
View file

@ -11,7 +11,12 @@ function TableEmptyWrapper({ columns, children }: Props) {
return ( return (
<tr> <tr>
<td colSpan={columns} className={styles.tableEmptyWrapper}> <td colSpan={columns} className={styles.tableEmptyWrapper}>
<div className={styles.content}>{children}</div> <div className={styles.content}>
{/* Per design requirement, the empty placeholder should have a top and bottom spacing, and the space height aspect ratio is 2:3. */}
<div className={styles.topSpace} />
{children}
<div className={styles.bottomSpace} />
</div>
</td> </td>
</tr> </tr>
); );