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

enhance bottom sheets styles

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-12-04 14:37:43 +03:00
parent 29423036cd
commit f9ea67ed3b
5 changed files with 53 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/pages/pay/components/splitBill/PayForYourItemsChoiceBottomSheet.tsx
View File

@@ -72,16 +72,18 @@ export function PayForYourItemsChoiceBottomSheet({
title={t("splitBill.payForYourItems")}
showCloseButton={true}
initialSnap={1}
height={515}
snapPoints={[515]}
height={745}
snapPoints={[745]}
>
<div
style={{
padding: "0 20px",
margin: "20px 0",
display: "flex",
flexDirection: "column",
gap: 12,
maxHeight: "500px",
maxHeight: "455px",
minHeight: "455px",
overflowY: "auto",
}}
>
@@ -161,51 +163,47 @@ export function PayForYourItemsChoiceBottomSheet({
);
})
)}
{selectedTotal > 0 && (
<div
style={{
padding: 16,
backgroundColor: "rgba(255, 183, 0, 0.08)",
borderRadius: 8,
marginTop: 8,
}}
>
<div
style={{
display: "flex",
justifyContent: "space-between",
alignItems: "center",
}}
>
<ProText style={{ fontSize: 16, fontWeight: 600 }}>
{t("splitBill.selectedTotal")}:
</ProText>
<ArabicPrice price={selectedTotal} />
</div>
</div>
)}
</div>
<div
style={{
padding: 16,
backgroundColor: "rgba(255, 183, 0, 0.08)",
borderRadius: 8,
marginTop: 8,
}}
>
<div
style={{
display: "flex",
gap: 12,
marginTop: 20,
justifyContent: "space-between",
alignItems: "center",
}}
>
<Button style={{ flex: 1 }} onClick={handleRemoveSplitWay}>
{t("splitBill.removeSplitWay")}
</Button>
<Button
type="primary"
style={{ flex: 1, boxShadow: "none" }}
onClick={handleSave}
disabled={selectedTotal === 0}
>
{t("cart.save")}
</Button>
<ProText style={{ fontSize: 16, fontWeight: 600 }}>
{t("splitBill.selectedTotal")}:
</ProText>
<ArabicPrice price={selectedTotal} />
</div>
</div>
<div
style={{
display: "flex",
gap: 12,
marginTop: 20,
}}
>
<Button style={{ flex: 1 }} onClick={handleRemoveSplitWay}>
{t("splitBill.removeSplitWay")}
</Button>
<Button
type="primary"
style={{ flex: 1, boxShadow: "none" }}
onClick={handleSave}
disabled={selectedTotal === 0}
>
{t("cart.save")}
</Button>
</div>
</ProBottomSheet>
);
}