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"}
|
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>
|
||||||
|
|||||||
Reference in New Issue
Block a user