nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-30 08:50:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Catalog changes

Browse Source
This commit is contained in:
Bill 2022-03-23 22:56:59 -04:00
parent 7c8d5928dd
commit f64365a976
5 changed files with 7 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/catalog/CatalogView.scss
View File

@ -20,13 +20,6 @@
} }
} }
.catalog-icon-image {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
}
.nitro-catalog-gift { .nitro-catalog-gift {
width: 325px; width: 325px;

2
src/components/catalog/views/catalog-icon/CatalogIconView.tsx
View File

@ -16,5 +16,5 @@ export const CatalogIconView: FC<CatalogIconViewProps> = props =>
return ((GetConfiguration<string>('catalog.asset.icon.url')).replace('%name%', icon.toString())); return ((GetConfiguration<string>('catalog.asset.icon.url')).replace('%name%', icon.toString()));
}, [ icon ]); }, [ icon ]);
return <LayoutImage imageUrl={ getIconUrl } fit={ false } className="catalog-icon-image" />; return <LayoutImage imageUrl={ getIconUrl } style={ { width: 20, height: 20 } } />;
} }

8
src/components/catalog/views/page/layout/frontpage4/CatalogLayoutFrontPageItemView.tsx
View File

@ -1,10 +1,10 @@
import { FrontPageItem } from '@nitrots/nitro-renderer'; import { FrontPageItem } from '@nitrots/nitro-renderer';
import { FC, useMemo } from 'react'; import { FC, useMemo } from 'react';
import { GetConfiguration } from '../../../../../../api'; import { GetConfiguration } from '../../../../../../api';
import { LayoutImage, LayoutImageProps } from '../../../../../../common/layout/LayoutImage'; import { LayoutBackgroundImage, LayoutBackgroundImageProps } from '../../../../../../common';
import { Text } from '../../../../../../common/Text'; import { Text } from '../../../../../../common/Text';
export interface CatalogLayoutFrontPageItemViewProps extends LayoutImageProps export interface CatalogLayoutFrontPageItemViewProps extends LayoutBackgroundImageProps
{ {
item: FrontPageItem; item: FrontPageItem;
} }
@ -27,11 +27,11 @@ export const CatalogLayoutFrontPageItemView: FC<CatalogLayoutFrontPageItemViewPr
const imageUrl = (GetConfiguration<string>('image.library.url') + item.itemPromoImage); const imageUrl = (GetConfiguration<string>('image.library.url') + item.itemPromoImage);
return ( return (
<LayoutImage imageUrl={ imageUrl } classNames={ getClassNames } position={ position } fullHeight={ fullHeight } pointer={ pointer } overflow={ overflow } { ...rest }> <LayoutBackgroundImage imageUrl={ imageUrl } classNames={ getClassNames } position={ position } fullHeight={ fullHeight } pointer={ pointer } overflow={ overflow } { ...rest }>
<Text position="absolute" variant="white" className="bg-dark rounded p-2 m-2 bottom-0"> <Text position="absolute" variant="white" className="bg-dark rounded p-2 m-2 bottom-0">
{ item.itemName } { item.itemName }
</Text> </Text>
{ children } { children }
</LayoutImage> </LayoutBackgroundImage>
); );
} }

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

@ -68,7 +68,7 @@ export const CatalogLayoutMarketplaceItemView: FC<MarketplaceItemViewProps> = pr
return ( return (
<LayoutGridItem shrink center={ false } column={ false } alignItems="center" className="p-1"> <LayoutGridItem shrink center={ false } column={ false } alignItems="center" className="p-1">
<LayoutImage imageUrl={ getImageUrlForOffer() } fit={ false } style={ { width: 50, height: 50 } } /> <LayoutImage imageUrl={ getImageUrlForOffer() } style={ { width: 50, height: 50 }} />
<Column grow gap={ 0 }> <Column grow gap={ 0 }>
<Text fontWeight="bold">{ getMarketplaceOfferTitle }</Text> <Text fontWeight="bold">{ getMarketplaceOfferTitle }</Text>
{ (type === OWN_OFFER) && { (type === OWN_OFFER) &&

2
src/components/catalog/views/page/layout/vip-gifts/VipGiftItemView.tsx
View File

@ -47,7 +47,7 @@ export const VipGiftItem : FC<VipGiftItemViewProps> = props =>
return ( return (
<LayoutGridItem center={ false } column={ false } alignItems="center" className="p-1"> <LayoutGridItem center={ false } column={ false } alignItems="center" className="p-1">
<LayoutImage imageUrl={ getImageUrlForOffer() } fit={ false } style={ { width: 50, height: 50 } } /> <LayoutImage imageUrl={ getImageUrlForOffer() } />
<Text grow fontWeight="bold">{ getItemTitle() }</Text> <Text grow fontWeight="bold">{ getItemTitle() }</Text>
<Button variant="secondary" onClick={ () => onSelect(offer.localizationId) }> <Button variant="secondary" onClick={ () => onSelect(offer.localizationId) }>
{ LocalizeText('catalog.club_gift.select') } { LocalizeText('catalog.club_gift.select') }