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