fix split-bill page height

This commit is contained in:
2025-11-23 17:34:32 +03:00
parent e41acced5f
commit 207541136f

View File

@@ -1,4 +1,4 @@
import { Button } from "antd"; import { Button, Layout } from "antd";
import PeopleIcon from "components/Icons/PeopleIcon"; import PeopleIcon from "components/Icons/PeopleIcon";
import PaymentMethods from "components/PaymentMethods/PaymentMethods"; import PaymentMethods from "components/PaymentMethods/PaymentMethods";
import ProHeader from "components/ProHeader/ProHeader"; import ProHeader from "components/ProHeader/ProHeader";
@@ -19,7 +19,9 @@ export default function SplitBillPage() {
return ( return (
<> <>
<Layout>
<ProHeader>{t("checkout.splitBill")}</ProHeader> <ProHeader>{t("checkout.splitBill")}</ProHeader>
<Layout.Content>
<div <div
style={{ style={{
display: "flex", display: "flex",
@@ -33,7 +35,11 @@ export default function SplitBillPage() {
> >
<ProInputCard title={t("checkout.splitBill")}> <ProInputCard title={t("checkout.splitBill")}>
<div <div
style={{ display: "flex", flexDirection: "column", gap: "1rem" }} style={{
display: "flex",
flexDirection: "column",
gap: "1rem",
}}
> >
<div <div
style={{ style={{
@@ -45,7 +51,11 @@ export default function SplitBillPage() {
}} }}
> >
<div <div
style={{ display: "flex", flexDirection: "row", gap: "1rem" }} style={{
display: "flex",
flexDirection: "row",
gap: "1rem",
}}
> >
<Button <Button
type="text" type="text"
@@ -82,7 +92,11 @@ export default function SplitBillPage() {
}} }}
> >
<div <div
style={{ display: "flex", flexDirection: "row", gap: "1rem" }} style={{
display: "flex",
flexDirection: "row",
gap: "1rem",
}}
> >
<Button <Button
type="text" type="text"
@@ -143,6 +157,8 @@ export default function SplitBillPage() {
</Button> </Button>
</Link> </Link>
</div> </div>
</Layout.Content>
</Layout>
</> </>
); );
} }