Fix LTD catalog widget placement

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

View File

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

View File

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

View File

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