nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-20 02:32:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix LTD catalog widget placement

Browse Source
This commit is contained in:
Bill 2022-08-20 19:22:07 -04:00
parent 45037875fb
commit 0e44858e1d
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx
View File

@ -37,9 +37,9 @@ export const CatalogLayoutBadgeDisplayView: FC<CatalogLayoutProps> = props =>
<> <>
<Base position="relative" overflow="hidden"> <Base position="relative" overflow="hidden">
<CatalogViewProductWidgetView /> <CatalogViewProductWidgetView />
<CatalogLimitedItemWidgetView fullWidth position="absolute" className="top-1" />
</Base> </Base>
<Column grow gap={ 1 }> <Column grow gap={ 1 }>
<CatalogLimitedItemWidgetView fullWidth />
<Text grow truncate>{ currentOffer.localizationName }</Text> <Text grow truncate>{ currentOffer.localizationName }</Text>
<Flex justifyContent="end"> <Flex justifyContent="end">
<CatalogTotalPriceWidget alignItems="end" /> <CatalogTotalPriceWidget alignItems="end" />

2
src/components/catalog/views/page/layout/CatalogLayoutColorGroupingView.tsx
View File

@ -152,7 +152,6 @@ export const CatalogLayoutColorGroupingView : FC<CatalogLayoutColorGroupViewProp
<> <>
<Base position="relative" overflow="hidden"> <Base position="relative" overflow="hidden">
<CatalogViewProductWidgetView /> <CatalogViewProductWidgetView />
<CatalogLimitedItemWidgetView fullWidth position="absolute" className="top-1" />
<CatalogAddOnBadgeWidgetView position="absolute" className="bg-muted rounded bottom-1 end-1" /> <CatalogAddOnBadgeWidgetView position="absolute" className="bg-muted rounded bottom-1 end-1" />
{ currentOffer.product.furnitureData.hasIndexedColor && { currentOffer.product.furnitureData.hasIndexedColor &&
<Button position="absolute" className="bottom-1 start-1" onClick={ event =>setColorsShowing(prev => !prev) }> <Button position="absolute" className="bottom-1 start-1" onClick={ event =>setColorsShowing(prev => !prev) }>
@ -160,6 +159,7 @@ export const CatalogLayoutColorGroupingView : FC<CatalogLayoutColorGroupViewProp
</Button> } </Button> }
</Base> </Base>
<Column grow gap={ 1 }> <Column grow gap={ 1 }>
<CatalogLimitedItemWidgetView fullWidth />
<Text grow truncate>{ currentOffer.localizationName }</Text> <Text grow truncate>{ currentOffer.localizationName }</Text>
<Flex justifyContent="between"> <Flex justifyContent="between">
<Column gap={ 1 }> <Column gap={ 1 }>

2
src/components/catalog/views/page/layout/CatalogLayoutDefaultView.tsx
View File

@ -38,12 +38,12 @@ export const CatalogLayoutDefaultView: FC<CatalogLayoutProps> = props =>
{ (currentOffer.product.productType !== ProductTypeEnum.BADGE) && { (currentOffer.product.productType !== ProductTypeEnum.BADGE) &&
<> <>
<CatalogViewProductWidgetView /> <CatalogViewProductWidgetView />
<CatalogLimitedItemWidgetView fullWidth position="absolute" className="top-1" />
<CatalogAddOnBadgeWidgetView className="bg-muted rounded bottom-1 end-1" /> <CatalogAddOnBadgeWidgetView className="bg-muted rounded bottom-1 end-1" />
</> } </> }
{ (currentOffer.product.productType === ProductTypeEnum.BADGE) && <CatalogAddOnBadgeWidgetView className="scale-2" /> } { (currentOffer.product.productType === ProductTypeEnum.BADGE) && <CatalogAddOnBadgeWidgetView className="scale-2" /> }
</Flex> </Flex>
<Column grow gap={ 1 }> <Column grow gap={ 1 }>
<CatalogLimitedItemWidgetView fullWidth />
<Text grow truncate>{ currentOffer.localizationName }</Text> <Text grow truncate>{ currentOffer.localizationName }</Text>
<Flex justifyContent="between"> <Flex justifyContent="between">
<Column gap={ 1 }> <Column gap={ 1 }>