fix: left only button when deal services table is empty on mobiles
This commit is contained in:
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user