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"}
type={"scroll"}>
<Stack gap={"sm"}>
<Flex
p={"sm"}
bd={"1px solid var(--mantine-color-default-border)"}
bdrs={"lg"}>
<DealServicesTotalLabel order={5} />
</Flex>
<BaseTable
records={dealServicesList.dealServices}
columns={columns}
groups={undefined}
idAccessor={"serviceId"}
withTableBorder
/>
{dealServicesList.dealServices.length > 0 && (
<>
<Flex
p={"sm"}
bd={"1px solid var(--mantine-color-default-border)"}
bdrs={"lg"}>
<DealServicesTotalLabel order={5} />
</Flex>
<BaseTable
records={dealServicesList.dealServices}
columns={columns}
groups={undefined}
idAccessor={"serviceId"}
withTableBorder
verticalSpacing={"md"}
/>
</>
)}
<AddDealServiceButton size={"lg"} />
</Stack>
</ScrollArea>