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

fix: responsive css fixes

Browse Source
This commit is contained in:
David Ralph
2021-04-27 19:46:56 +01:00
parent 133db009aa
commit 79a0ec8df9
4 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/main/marketplace/Item.jsx
View File

@@ -66,7 +66,7 @@ export default class Item extends React.PureComponent {
</div>
{warningHTML}
</div>
<Modal onRequestClose={() => this.setState({ showLightbox: false })} isOpen={this.state.showLightbox} className='Modal lightboxmodal' overlayClassName='Overlay resetoverlay' ariaHideApp={false}>
<Modal closeTimeoutMS={100} onRequestClose={() => this.setState({ showLightbox: false })} isOpen={this.state.showLightbox} className='Modal lightboxmodal' overlayClassName='Overlay resetoverlay' ariaHideApp={false}>
<Lightbox modalClose={() => this.setState({ showLightbox: false })} img={iconsrc}/>
</Modal>
</div>

9
src/components/modals/main/scss/marketplace/_main.scss
View File

@@ -197,4 +197,13 @@ p.description {
.lightboxmodal {
margin: auto;
max-width: 60%;
img {
max-height: 80%;
max-width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
}
}

13
src/components/modals/main/scss/settings/_main.scss
View File

@@ -105,6 +105,7 @@ ul {
margin-left: 0;
width: 400px;
height: 200px;
max-width: 60%;
}
.MuiCheckbox-colorPrimary.Mui-checked,
@@ -160,6 +161,8 @@ legend {
}
.updatechangelog {
max-width: 75%;
li {
cursor: initial;
font-size: 1rem;
@@ -177,6 +180,16 @@ legend {
}
}
.tab-content {
h1 {
max-width: 85%;
}
img {
max-width: 95%;
}
}
.sliderText {
color: var(--modal-text);
background: none;

2
src/components/modals/main/settings/sections/Changelog.jsx
View File

@@ -103,7 +103,7 @@ export default class Changelog extends React.PureComponent {
<h5 style={{ 'lineHeight': '0px' }}>{this.state.author} • {this.state.date}</h5>
{this.state.image ? <img draggable='false' src={this.state.image} alt={window.language.modals.update.title} className='updateimage'/> : null}
<div className='updatechangelog' dangerouslySetInnerHTML={{ __html: this.state.html }}/>
<Modal onRequestClose={() => this.setState({ showLightbox: false })} isOpen={this.state.showLightbox} className='Modal lightboxmodal' overlayClassName='Overlay resetoverlay' ariaHideApp={false}>
<Modal closeTimeoutMS={100} onRequestClose={() => this.setState({ showLightbox: false })} isOpen={this.state.showLightbox} className='Modal lightboxmodal' overlayClassName='Overlay resetoverlay' ariaHideApp={false}>
<Lightbox modalClose={() => this.setState({ showLightbox: false })} img={this.state.lightboxImg}/>
</Modal>
</>