mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-06-12 19:48:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: item sidebar & part of collection

Browse Source
This commit is contained in:
Isaac
2024-05-19 19:03:40 +01:00
parent d0966dd3af
commit deb3544075
2 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Elements/MainModal/scss/marketplace/_main.scss
View File

@@ -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 {

28
src/features/marketplace/components/Items/Item.jsx
View File

@@ -248,10 +248,10 @@ class Item extends PureComponent {
)}
{this.props.data.data.quotes && this.props.data.data.language !== ''
? moreInfoItem(
<MdTranslate />,
variables.getMessage('modals.main.settings.sections.language.title'),
this.props.data.data.language,
)
<MdTranslate />,
variables.getMessage('modals.main.settings.sections.language.title'),
this.props.data.data.language,
)
: null}
{moreInfoItem(
<MdStyle />,
@@ -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"
/>
</div>
{this.props.data.data.in_collections.length > 0 && (
<div>
<div className="inCollection">
<span className="subtitle">
{variables.getMessage('modals.main.marketplace.product.part_of')}
</span>
<span className="title" onClick={this.props.toggleFunction}>{this.props.data.data.in_collections[0].display_name}</span>
</div>
</div>
)}
</div>
{this.props.data.data.in_collections.length > 0 && (
<div className="inCollection">
<span className="subtitle">
{variables.getMessage('modals.main.marketplace.product.part_of')}
</span>
<span className="title">{this.props.data.data.in_collections[0].display_name}</span>
</div>
)}
</div>
</div>
</div>