Fixed badge size on Advanced modal

This commit is contained in:
Lucas Oliveira 2024-06-13 17:39:47 -03:00
commit bc9a103c64

View file

@ -25,7 +25,7 @@ const EditNodeModal = forwardRef(
// setOpenWDoubleClick: (open: boolean) => void; // setOpenWDoubleClick: (open: boolean) => void;
data: NodeDataType; data: NodeDataType;
}, },
ref ref,
) => { ) => {
const myData = useRef(cloneDeep(data)); const myData = useRef(cloneDeep(data));
@ -53,7 +53,7 @@ const EditNodeModal = forwardRef(
handleOnNewValue, handleOnNewValue,
handleOnChangeDb, handleOnChangeDb,
changeAdvanced, changeAdvanced,
open open,
); );
const [gridApi, setGridApi] = useState<GridApi | null>(null); const [gridApi, setGridApi] = useState<GridApi | null>(null);
@ -78,9 +78,11 @@ const EditNodeModal = forwardRef(
</BaseModal.Trigger> </BaseModal.Trigger>
<BaseModal.Header description={data.node?.description!}> <BaseModal.Header description={data.node?.description!}>
<span className="pr-2">{data.type}</span> <span className="pr-2">{data.type}</span>
<Badge variant={isDark ? "gray" : "secondary"}> <div>
<span className="relative top-[0.6px]">ID: {data.id}</span> <Badge size="sm" variant={isDark ? "gray" : "secondary"}>
</Badge> ID: {data.id}
</Badge>
</div>
</BaseModal.Header> </BaseModal.Header>
<BaseModal.Content> <BaseModal.Content>
<div className="flex h-full flex-col"> <div className="flex h-full flex-col">
@ -117,7 +119,7 @@ const EditNodeModal = forwardRef(
/> />
</BaseModal> </BaseModal>
); );
} },
); );
export default EditNodeModal; export default EditNodeModal;