GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-07-09 22:41:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
shiyu
2025-11-11 12:05:59 +08:00
parent e3e68f5397
commit 8aaa2900ef
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/pages/ProcessorsPage.tsx
View File

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