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

menu: fix floating buttons positions

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-10-09 15:07:26 +03:00
parent 42340cabee
commit 0b0b80d0d5
2 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/FloatingButton/FloatingButton.tsx
View File

@@ -34,9 +34,9 @@ export function FloatingButton() {
className={`${styles.scrollToTopButton}`} className={`${styles.scrollToTopButton}`}
style={{ style={{
position: "fixed", position: "fixed",
bottom: isMobile ? "100px" : isTablet ? "120px" : "25px", bottom: isMobile ? "100px" : isTablet ? "100px" : "20px",
right: isRTL ? "auto" : isMobile ? "20px" : "32px", right: isRTL ? "auto" : "20px",
left: isRTL ? (isMobile ? "20px" : "32px") : "auto", left: isRTL ? "20px" : "auto",
zIndex: 1000, zIndex: 1000,
boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
backgroundColor: backgroundColor:

12
src/pages/menu/components/CartButton/CartButton.tsx
View File

@@ -28,18 +28,14 @@ export function CartButton() {
type="primary" type="primary"
shape="circle" shape="circle"
size={"large"} size={"large"}
icon={ icon={<CartIcon />}
<div style={{ position: "relative", left: 4, top: 2 }}>
<CartIcon />
</div>
}
onClick={onCartClick} onClick={onCartClick}
className={`${styles.scrollToTopButton}`} className={`${styles.scrollToTopButton}`}
style={{ style={{
position: "fixed", position: "fixed",
bottom: isMobile ? "100px" : isTablet ? "120px" : "25px", bottom: isMobile ? "100px" : isTablet ? "120px" : "20px",
right: !isRTL ? "auto" : isMobile ? "20px" : "32px", right: !isRTL ? "auto" : "20px",
left: !isRTL ? (isMobile ? "20px" : "32px") : "auto", left: !isRTL ? "20px" : "auto",
zIndex: 1000, zIndex: 1000,
boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
backgroundColor: backgroundColor: