fix split-bill page height
This commit is contained in:
@@ -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>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user