optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

홈패널 여백 부분 확인용 05/10 2

Browse Source
This commit is contained in:
junghoon86.park
2024-05-10 17:42:21 +09:00
parent 5eb12190a7
commit eb43543d16
5 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
View File

@@ -93,9 +93,7 @@ const BestSeller = ({ order, scrollTopBody, panelInfo }) => {
const orderStyle = useMemo(() => ({ order: order }), [order]); const orderStyle = useMemo(() => ({ order: order }), [order]);
const handleScrollRight = (e) => { const handleScrollRight = (e) => {
const container = e.currentTarget?.parentNode; const container = e.currentTarget?.parentNode;
const gap = 18; const x = container.scrollWidth - container.clientWidth;
const padding = 60;
const x = container.scrollWidth - (container.clientWidth + padding - gap);
setTimeout(() => { setTimeout(() => {
scrollLeft({ x, animate: true }); scrollLeft({ x, animate: true });

6
com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
View File

@@ -33,9 +33,9 @@ const HomeOnSale = ({ order, scrollTopBody, ...rest }) => {
const homeOnSaleInfosLength = homeOnSaleInfos?.length; const homeOnSaleInfosLength = homeOnSaleInfos?.length;
const handleScrollRight = (e) => { const handleScrollRight = (e) => {
const container = e.currentTarget?.parentNode; const container = e.currentTarget?.parentNode;
const gap = 18; const gap = 60;
const padding = 0;
const x = container.scrollWidth - (container.clientWidth + padding - gap); const x = container.scrollWidth - container.clientWidth + gap;
setTimeout(() => { setTimeout(() => {
scrollLeft({ x, animate: true }); scrollLeft({ x, animate: true });

3
com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.module.less
View File

@@ -50,6 +50,9 @@
background: linear-gradient(0.4turn, #a387ea, #7750dc); background: linear-gradient(0.4turn, #a387ea, #7750dc);
} }
} }
&:last-child {
margin-right: 60px;
}
} }
} }
} }

4
com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
View File

@@ -93,9 +93,7 @@ const PopularShow = ({ homeChk = true, order, scrollTopBody, ...rest }) => {
const orderStyle = useMemo(() => ({ order: order }), [order]); const orderStyle = useMemo(() => ({ order: order }), [order]);
const handleScrollRight = (e) => { const handleScrollRight = (e) => {
const container = e.currentTarget?.parentNode; const container = e.currentTarget?.parentNode;
const gap = 18; const x = container.scrollWidth - container.clientWidth;
const padding = 60;
const x = container.scrollWidth - (container.clientWidth + padding - gap);
setTimeout(() => { setTimeout(() => {
scrollLeft({ x, animate: true }); scrollLeft({ x, animate: true });

5
com.twin.app.shoptime/src/views/HomePanel/SubCategory/SubCategory.jsx
View File

@@ -176,9 +176,8 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
const handleScrollRight = (e) => { const handleScrollRight = (e) => {
const container = e.currentTarget?.parentNode; const container = e.currentTarget?.parentNode;
const gap = 18;
const padding = 60; const x = container.scrollWidth - container.clientWidth;
const x = container.scrollWidth - (container.clientWidth + padding - gap);
setTimeout(() => { setTimeout(() => {
scrollLeft({ x, animate: true }); scrollLeft({ x, animate: true });