diff --git a/src/components/Elements/MainModal/scss/marketplace/_main.scss b/src/components/Elements/MainModal/scss/marketplace/_main.scss index 4d8afa54..f84d3656 100644 --- a/src/components/Elements/MainModal/scss/marketplace/_main.scss +++ b/src/components/Elements/MainModal/scss/marketplace/_main.scss @@ -135,8 +135,9 @@ background-repeat: no-repeat; background-size: cover; border-radius: 15px; - width: 25%; - max-height: 450px; + width: 30%; + max-width: 300px; + max-height: min-content; .front { padding: 20px; @@ -437,15 +438,19 @@ p.author { // url('https://external-preview.redd.it/JyhsEoGMhKIMi3kvfBS24L0IllAO_KrIm4UI-dA1Ax4.jpg?auto=webp&s=b5adf9859b2c1855a5b3085f9453a6e878548505'); display: flex; flex-flow: column; - gap: 15px; - padding: 15px; - margin-top: 15px; + gap: 5px; + padding: 5px; + margin: 10px 0; @include themed { - background-color: t($modal-secondaryColour); - box-shadow: 0 0 0 1px t($modal-sidebarActive); + // background-color: t($modal-secondaryColour); + // box-shadow: 0 0 0 1px t($modal-sidebarActive); border-radius: t($borderRadius); } + + .title:hover { + cursor: pointer; + } } .createYourOwn { diff --git a/src/features/marketplace/components/Items/Item.jsx b/src/features/marketplace/components/Items/Item.jsx index e3729ffd..9089622e 100644 --- a/src/features/marketplace/components/Items/Item.jsx +++ b/src/features/marketplace/components/Items/Item.jsx @@ -248,10 +248,10 @@ class Item extends PureComponent { )} {this.props.data.data.quotes && this.props.data.data.language !== '' ? moreInfoItem( - , - variables.getMessage('modals.main.settings.sections.language.title'), - this.props.data.data.language, - ) + , + variables.getMessage('modals.main.settings.sections.language.title'), + this.props.data.data.language, + ) : null} {moreInfoItem( , @@ -289,7 +289,7 @@ class Item extends PureComponent { onClick={() => window.open( variables.constants.REPORT_ITEM + - this.props.data.data.display_name.split(' ').join('+'), + this.props.data.data.display_name.split(' ').join('+'), '_blank', ) } @@ -300,15 +300,17 @@ class Item extends PureComponent { tooltipKey="report" /> + {this.props.data.data.in_collections.length > 0 && ( +
+
+ + {variables.getMessage('modals.main.marketplace.product.part_of')} + + {this.props.data.data.in_collections[0].display_name} +
+
+ )} - {this.props.data.data.in_collections.length > 0 && ( -
- - {variables.getMessage('modals.main.marketplace.product.part_of')} - - {this.props.data.data.in_collections[0].display_name} -
- )}