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

4
src/ThemeConstants.ts
View File

@@ -175,8 +175,8 @@ export const themeConfig: ThemeConfig = {
boxShadow: "0 1px 3px rgba(0,0,0,0.1)", boxShadow: "0 1px 3px rgba(0,0,0,0.1)",
padding: 16, padding: 16,
paddingLG: 16, paddingLG: 16,
borderRadius: 24, borderRadius: 16,
borderRadiusLG: 24, borderRadiusLG: 16,
}, },
Carousel: { Carousel: {
colorBgContainer: lightColors["800"], colorBgContainer: lightColors["800"],

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

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