mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-06-24 08:31:20 +00:00
Use of Box instead of div
This commit is contained in:
parent
fb8d022250
commit
ec851a8b2c
@ -4,7 +4,7 @@ import syncedMintingImg from '../assets/syncStatus/synced_minting.webp';
|
|||||||
import syncingImg from '../assets/syncStatus/syncing.webp';
|
import syncingImg from '../assets/syncStatus/syncing.webp';
|
||||||
import { getBaseApiReact } from '../App';
|
import { getBaseApiReact } from '../App';
|
||||||
import '../styles/CoreSyncStatus.css';
|
import '../styles/CoreSyncStatus.css';
|
||||||
import { useTheme } from '@mui/material';
|
import { Box, useTheme } from '@mui/material';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { manifestData } from './NotAuthenticated';
|
import { manifestData } from './NotAuthenticated';
|
||||||
|
|
||||||
@ -106,7 +106,7 @@ export const CoreSyncStatus = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<Box
|
||||||
className="tooltip"
|
className="tooltip"
|
||||||
data-theme={theme.palette.mode}
|
data-theme={theme.palette.mode}
|
||||||
style={{ display: 'inline' }}
|
style={{ display: 'inline' }}
|
||||||
@ -119,7 +119,7 @@ export const CoreSyncStatus = () => {
|
|||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div
|
<Box
|
||||||
className="core-panel"
|
className="core-panel"
|
||||||
style={{
|
style={{
|
||||||
right: 'unset',
|
right: 'unset',
|
||||||
@ -166,10 +166,10 @@ export const CoreSyncStatus = () => {
|
|||||||
{t('core:ui.version', { postProcess: 'capitalizeFirstChar' })}:{' '}
|
{t('core:ui.version', { postProcess: 'capitalizeFirstChar' })}:{' '}
|
||||||
<span style={{ color: '#03a9f4' }}>{manifestData.version}</span>
|
<span style={{ color: '#03a9f4' }}>{manifestData.version}</span>
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</Box>
|
||||||
</div>
|
</Box>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
return <div id="core-sync-status-id">{renderSyncStatusIcon()}</div>;
|
return <Box id="core-sync-status-id">{renderSyncStatusIcon()}</Box>;
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user