mirror of
https://github.com/invoke-ai/InvokeAI.git
synced 2026-04-23 03:00:31 -04:00
25 lines
636 B
TypeScript
25 lines
636 B
TypeScript
import { Grid } from '@invoke-ai/ui-library';
|
|
import { CanvasHUDItemBbox } from 'features/controlLayers/components/HUD/CanvasHUDItemBbox';
|
|
import { CanvasHUDItemScaledBbox } from 'features/controlLayers/components/HUD/CanvasHUDItemScaledBbox';
|
|
import { memo } from 'react';
|
|
|
|
export const CanvasHUD = memo(() => {
|
|
return (
|
|
<Grid
|
|
bg="base.900"
|
|
borderBottomEndRadius="base"
|
|
p={2}
|
|
gap={1}
|
|
borderRadius="base"
|
|
templateColumns="1fr 1fr"
|
|
opacity={0.6}
|
|
minW={64}
|
|
>
|
|
<CanvasHUDItemBbox />
|
|
<CanvasHUDItemScaledBbox />
|
|
</Grid>
|
|
);
|
|
});
|
|
|
|
CanvasHUD.displayName = 'CanvasHUD';
|