fix: left only button when deal services table is empty on mobiles

This commit is contained in:
2025-10-30 14:04:48 +04:00
parent da769fa2c0
commit 9207bd915d

View File

@ -45,19 +45,24 @@ const DealServicesTable: FC = () => {
scrollbars={"y"} scrollbars={"y"}
type={"scroll"}> type={"scroll"}>
<Stack gap={"sm"}> <Stack gap={"sm"}>
<Flex {dealServicesList.dealServices.length > 0 && (
p={"sm"} <>
bd={"1px solid var(--mantine-color-default-border)"} <Flex
bdrs={"lg"}> p={"sm"}
<DealServicesTotalLabel order={5} /> bd={"1px solid var(--mantine-color-default-border)"}
</Flex> bdrs={"lg"}>
<BaseTable <DealServicesTotalLabel order={5} />
records={dealServicesList.dealServices} </Flex>
columns={columns} <BaseTable
groups={undefined} records={dealServicesList.dealServices}
idAccessor={"serviceId"} columns={columns}
withTableBorder groups={undefined}
/> idAccessor={"serviceId"}
withTableBorder
verticalSpacing={"md"}
/>
</>
)}
<AddDealServiceButton size={"lg"} /> <AddDealServiceButton size={"lg"} />
</Stack> </Stack>
</ScrollArea> </ScrollArea>