6029a5b592
* style: improve mobile compatibility of certain manage pages * style: improve mobile support for more manage pages * fix: format issues * chore: address pull request feedback
17 lines
612 B
TypeScript
17 lines
612 B
TypeScript
import { forwardRef } from "react";
|
|
import type { ButtonProps } from "@mantine/core";
|
|
import { Affix, Button, createPolymorphicComponent } from "@mantine/core";
|
|
|
|
type MobileAffixButtonProps = Omit<ButtonProps, "visibleFrom" | "hiddenFrom">;
|
|
|
|
export const MobileAffixButton = createPolymorphicComponent<"button", MobileAffixButtonProps>(
|
|
forwardRef<HTMLButtonElement, MobileAffixButtonProps>((props, ref) => (
|
|
<>
|
|
<Button ref={ref} visibleFrom="md" {...props} />
|
|
<Affix hiddenFrom="md" position={{ bottom: 20, right: 20 }}>
|
|
<Button ref={ref} {...props} />
|
|
</Affix>
|
|
</>
|
|
)),
|
|
);
|