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

menu: on click on prduct open details as BS, also add redirect button to detials page if user click on redirect button

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-12-23 01:36:46 +03:00
parent fc1a75bc4b
commit 5c27303695
16 changed files with 224 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css
View File

@@ -6,9 +6,10 @@
display: flex;
flex-direction: row;
justify-content: flex-start;
overflow-x: hidden;
overflow-x: auto;
padding: 0;
scroll-behavior: smooth;
scrollbar-width: none;
}
:global(.darkApp) .youMightAlsoLikeContainer path {
@@ -56,7 +57,7 @@
outline-offset: 4px;
}
.youMightAlsoLikeContainer {
height: 130px !important;
height: 150px !important;
}
.itemDescriptionIconsContainer {

14
src/pages/cart/components/youMayLike/YouMightAlsoLike.tsx
View File

@@ -191,19 +191,19 @@ export default function YouMightAlsoLike() {
flexDirection: "column",
alignItems: "center",
justifyContent: "space-between",
width: isMobile ? "95px" : isTablet ? "120px" : "140px",
width: isMobile ? "120px" : isTablet ? "120px" : "140px",
position: "relative",
overflow: "hidden",
}}
>
<div
style={{
width: isMobile ? 18 : 24,
height: isMobile ? 18 : 24,
width: isMobile ? 28 : 24,
height: isMobile ? 28 : 24,
borderRadius: "50%",
top: isMobile ? 50 : isTablet ? 60 : 80,
top: isMobile ? 65 : isTablet ? 60 : 80,
position: "absolute",
[isRTL ? "left" : "right"]: isMobile ? 15 : 20,
[isRTL ? "left" : "right"]: isMobile ? 10 : 20,
display: "flex",
flexDirection: "row",
justifyContent: "center",
@@ -234,8 +234,8 @@ export default function YouMightAlsoLike() {
? styles.popularMenuItemImageTablet
: styles.popularMenuItemImageDesktop
}`}
width={isMobile ? 73 : isTablet ? 90 : 110}
height={isMobile ? 73 : isTablet ? 90 : 110}
width={isMobile ? 106 : isTablet ? 90 : 110}
height={isMobile ? 96 : isTablet ? 90 : 110}
fallbackSrc={default_image}
/>