mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-28 11:11:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: forced aspect ratio of marketplace item icons

Browse Source 
- forced 1 / 1 aspect ratio for consistency among marketplace icons
This commit is contained in:
alexsparkes
2024-05-20 09:30:27 +01:00
parent 0a94a27f4e
commit ddd434aecb
2 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -161,7 +161,9 @@
height: auto; height: auto;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 5px 25px black; box-shadow: 0 5px 25px black;
} aspect-ratio: 1 / 1;
object-fit: contain;
}
.divider { .divider {
text-transform: uppercase; text-transform: uppercase;

30
src/features/marketplace/views/Added.jsx
View File

@@ -239,28 +239,24 @@ export default class Added extends PureComponent {
return ( return (
<> <>
<div className="modalHeader"> <Header title={variables.getMessage('modals.main.addons.added')} report={false}>
<Header title={variables.getMessage('modals.main.addons.added')} report={false}> <CustomActions>
<CustomActions>{this.getSideloadButton()}</CustomActions> {this.getSideloadButton()}
</Header>
<div className="filter">
{sideLoadBackendElements()} {sideLoadBackendElements()}
<div className="buttonSection"> <Button
<Button type="settings"
type="settings" onClick={() => this.updateCheck()}
onClick={() => this.updateCheck()} icon={<MdUpdate />}
icon={<MdUpdate />} label={variables.getMessage('modals.main.addons.check_updates')}
label={variables.getMessage('modals.main.addons.check_updates')} />
/> {/*<Button
<Button
type="settings" type="settings"
onClick={() => document.getElementById('file-input').click()} onClick={() => document.getElementById('file-input').click()}
icon={<MdSendTimeExtension />} icon={<MdSendTimeExtension />}
label={variables.getMessage('modals.main.addons.sideload.title')} label={variables.getMessage('modals.main.addons.sideload.title')}
/> ` />*/}
</div> </CustomActions>
</div> </Header>
</div>
<Dropdown <Dropdown
label={variables.getMessage('modals.main.addons.sort.title')} label={variables.getMessage('modals.main.addons.sort.title')}
name="sortAddons" name="sortAddons"