fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhance card raduis & order

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2026-01-01 13:38:06 +03:00
parent 6933e1ba3a
commit 7d2925eeae
2 changed files with 56 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/pages/order/page.tsx
View File

@@ -242,28 +242,32 @@ export default function OrderPage() {
display: "flex",
flexDirection: "row",
gap: "1rem",
backgroundColor: "rgba(255, 183, 0, 0.08)",
backgroundColor: "#f5f5f6",
borderRadius: "12px",
padding: 16,
}}
>
<Button
type="text"
shape="circle"
style={{
backgroundColor: "rgba(255, 183, 0, 0.08)",
}}
>
<Button type="text" shape="circle">
<Image
src={orderDetails?.restaurant_iimage}
className={styles.profileImage}
width={50}
height={50}
width={40}
height={40}
preview={false}
/>
</Button>
<div>
<ProText style={{ fontSize: "1rem" }}>
<ProText
style={{
fontFamily:"Bold/Caption Bold",
fontSize: "12px",
lineHeight: "140%",
letterSpacing: "0%",
fontWeight: "bold",
color:"#434E5C"
}}
>
{t("order.yourOrderFromFascanoRestaurant")}
</ProText>
<br />
@@ -459,31 +463,33 @@ export default function OrderPage() {
<PaymentDetails order={orderDetails?.order} />
<Card
className={styles.inviteToBillCard}
onClick={() => setIsOpen(true)}
>
<div
style={{
display: "flex",
flexDirection: "row",
justifyContent: "center",
marginTop: 1,
}}
{hasClosedStatus && (
<Card
className={styles.inviteToBillCard}
onClick={() => setIsOpen(true)}
>
<div style={{ display: "flex", flexDirection: "row", gap: 10 }}>
<ProTitle
level={5}
style={{
marginTop: 1,
fontSize: 14,
}}
>
{t("order.inviteToBill")}
</ProTitle>
<div
style={{
display: "flex",
flexDirection: "row",
justifyContent: "center",
marginTop: 1,
}}
>
<div style={{ display: "flex", flexDirection: "row", gap: 10 }}>
<ProTitle
level={5}
style={{
marginTop: 1,
fontSize: 14,
}}
>
{t("order.inviteToBill")}
</ProTitle>
</div>
</div>
</div>
</Card>
</Card>
)}
<QRBottomSheet isOpen={isOpen} onClose={() => setIsOpen(false)} />
@@ -534,18 +540,20 @@ export default function OrderPage() {
<CancelOrderBottomSheet />
</Layout.Content>
<Layout.Footer className={styles.checkoutButtonContainer}>
<Button
type="primary"
shape="round"
className={styles.checkoutButton}
onClick={() => {
navigate(`/${restaurant?.subdomain}/menu`);
}}
>
{t("order.newOrder")}
</Button>
</Layout.Footer>
{hasClosedStatus && (
<Layout.Footer className={styles.checkoutButtonContainer}>
<Button
type="primary"
shape="round"
className={styles.checkoutButton}
onClick={() => {
navigate(`/${restaurant?.subdomain}/menu`);
}}
>
{t("order.newOrder")}
</Button>
</Layout.Footer>
)}
</Layout>
</>
);