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

[OnSalePanel] virtualGridList 단위 수정

Browse Source 
Detail Notes :

1. ri.scale → scaleW, scaleH (from helpMethods)
This commit is contained in:
younghoon100.park
2024-02-08 12:55:51 +09:00
parent 7d11a6c0e2
commit e48365aded
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
View File

@@ -2,15 +2,15 @@ import React, { useCallback } from "react";
import { VirtualGridList } from "@enact/sandstone/VirtualList"; import { VirtualGridList } from "@enact/sandstone/VirtualList";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import ri from "@enact/ui/resolution";
import { scaleH, scaleW } from "../../../utils/helperMethods";
import CategoryNavItem from "../CategoryNav/CategoryNavItem/CategoryNavItem"; import CategoryNavItem from "../CategoryNav/CategoryNavItem/CategoryNavItem";
import css from "./CategoryNav.module.less"; import css from "./CategoryNav.module.less";
const LIST_ITEM_CONF = { const LIST_ITEM_CONF = {
ITEM_WIDTH: 210 * 2, ITEM_WIDTH: 210,
ITEM_HEIGHT: 236 * 2, ITEM_HEIGHT: 236,
SAPCING: 30 * 2, SAPCING: 30,
}; };
const Container = SpotlightContainerDecorator( const Container = SpotlightContainerDecorator(
@@ -49,12 +49,12 @@ export default function CategoryNav({
horizontalScrollbar="hidden" horizontalScrollbar="hidden"
itemRenderer={renderItem} itemRenderer={renderItem}
itemSize={{ itemSize={{
minWidth: ri.scale(LIST_ITEM_CONF.ITEM_WIDTH), minWidth: scaleW(LIST_ITEM_CONF.ITEM_WIDTH),
minHeight: ri.scale(LIST_ITEM_CONF.ITEM_HEIGHT), minHeight: scaleH(LIST_ITEM_CONF.ITEM_HEIGHT),
}} }}
noScrollByWheel noScrollByWheel
scrollMode="translate" scrollMode="translate"
spacing={ri.scale(LIST_ITEM_CONF.SAPCING)} spacing={scaleW(LIST_ITEM_CONF.SAPCING)}
/> />
)} )}
</Container> </Container>

14
com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductList.jsx
View File

@@ -2,16 +2,16 @@ import React, { useCallback } from "react";
import { VirtualGridList } from "@enact/sandstone/VirtualList"; import { VirtualGridList } from "@enact/sandstone/VirtualList";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import ri from "@enact/ui/resolution";
import SectionTitle from "../../../components/SectionTitle/SectionTitle"; import SectionTitle from "../../../components/SectionTitle/SectionTitle";
import { scaleH, scaleW } from "../../../utils/helperMethods";
import OnSaleProductItem from "../OnSaleProductList/OnSaleProductItem/OnSaleProductItem"; import OnSaleProductItem from "../OnSaleProductList/OnSaleProductItem/OnSaleProductItem";
import css from "./OnSaleProductList.module.less"; import css from "./OnSaleProductList.module.less";
const LIST_ITEM_CONF = { const LIST_ITEM_CONF = {
ITEM_WIDTH: 324 * 2, ITEM_WIDTH: 324,
ITEM_HEIGHT: 570 * 2, ITEM_HEIGHT: 570,
SAPCING: 18 * 2, SAPCING: 18,
}; };
const Container = SpotlightContainerDecorator( const Container = SpotlightContainerDecorator(
@@ -49,12 +49,12 @@ export default function OnSaleProductList({
horizontalScrollbar="hidden" horizontalScrollbar="hidden"
itemRenderer={renderItem} itemRenderer={renderItem}
itemSize={{ itemSize={{
minWidth: ri.scale(LIST_ITEM_CONF.ITEM_WIDTH), minWidth: scaleW(LIST_ITEM_CONF.ITEM_WIDTH),
minHeight: ri.scale(LIST_ITEM_CONF.ITEM_HEIGHT), minHeight: scaleH(LIST_ITEM_CONF.ITEM_HEIGHT),
}} }}
noScrollByWheel noScrollByWheel
scrollMode="translate" scrollMode="translate"
spacing={ri.scale(LIST_ITEM_CONF.SAPCING)} spacing={scaleW(LIST_ITEM_CONF.SAPCING)}
/> />
)} )}
</Container> </Container>