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

cart: styles enhancements on different screen sizes

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-11-30 10:50:41 +03:00
parent 961164f842
commit d4332542d1
6 changed files with 51 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -119,7 +119,7 @@ export default function YouMightAlsoLike() {
return (
<>
<div className={styles.youMightAlsoLikeTitle} >
<div className={styles.youMightAlsoLikeTitle}>
<ProText
strong
style={{
@@ -201,9 +201,9 @@ export default function YouMightAlsoLike() {
width: isMobile ? 18 : 24,
height: isMobile ? 18 : 24,
borderRadius: "50%",
top: isMobile ? 50 : 80,
top: isMobile ? 50 : isTablet ? 60 : 80,
position: "absolute",
[isRTL ? "left" : "right"]: isMobile ? 15 : 20,
[isRTL ? "right" : "left"]: isMobile ? 15 : 20,
display: "flex",
flexDirection: "row",
justifyContent: "center",
@@ -240,13 +240,7 @@ export default function YouMightAlsoLike() {
/>
<div
style={{
display: "flex",
flexDirection: "row",
justifyContent: "start",
marginTop: 5,
...(isRTL ? { marginRight: -20 } : { marginLeft: -10 }),
}}
className={styles.itemDescriptionIconsContainer}
>
<ItemDescriptionIcons
className={styles.itemDescriptionIcons}
@@ -267,7 +261,7 @@ export default function YouMightAlsoLike() {
whiteSpace: "nowrap",
overflow: "hidden",
textOverflow: "ellipsis",
padding: 3,
padding: isMobile ? 3 : isTablet ? "0 8px" : "0 10px",
fontSize: isMobile ? 12 : isTablet ? 14 : 16,
width: isMobile ? 80 : isTablet ? 100 : 120,
display: "inline-block",
@@ -286,7 +280,7 @@ export default function YouMightAlsoLike() {
WebkitBoxOrient: "vertical",
overflow: "hidden",
textOverflow: "ellipsis",
padding: 3,
padding: isMobile ? 3 : isTablet ? "0 8px" : "0 10px",
fontSize: isMobile ? 12 : isTablet ? 14 : 16,
fontWeight: 500,
}}