fix: forced aspect ratio of marketplace item icons

- 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

View File

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

View File

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