fix: adjust Flex component styles for consistent width in loading states

This commit is contained in:
shiyu
2025-11-11 12:05:59 +08:00
parent e3e68f5397
commit 8aaa2900ef

View File

@@ -297,14 +297,14 @@ const ProcessorsPage = memo(function ProcessorsPage() {
const renderProcessorList = () => {
if (loadingList) {
return (
<Flex align="center" justify="center" style={{ height: '100%' }}>
<Flex align="center" justify="center" style={{ height: '100%', width: '100%' }}>
<Spin />
</Flex>
);
}
if (!processors.length) {
return (
<Flex align="center" justify="center" style={{ height: '100%' }}>
<Flex align="center" justify="center" style={{ height: '100%', width: '100%' }}>
<Empty description={t('No data')} />
</Flex>
);
@@ -385,7 +385,7 @@ const ProcessorsPage = memo(function ProcessorsPage() {
</div>
<div style={{ flex: 1, minHeight: 0 }}>
{sourceLoading ? (
<Flex align="center" justify="center" style={{ height: '100%' }}>
<Flex align="center" justify="center" style={{ height: '100%', width: '100%' }}>
<Spin />
</Flex>
) : (