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

fix: font size on builds, typo on welcome modal

Browse Source
This commit is contained in:
David Ralph
2021-07-18 21:53:35 +01:00
parent b426041598
commit c9f2af6b96
13 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/modals/main/scss/index.scss
View File

@@ -348,6 +348,7 @@ li {
min-height: 300px !important;
max-width: 300px !important;
margin: auto;
font-size: 1rem;
h4 {
cursor: initial;

1
src/components/modals/main/scss/marketplace/_buttons.scss
View File

@@ -47,6 +47,7 @@
.sideload {
display: inline;
margin-top: 0px;
float: none !important;
}
button.round {

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

@@ -138,6 +138,10 @@ p.description {
position: absolute;
width: 300px;
h1 {
font-size: 2rem;
}
svg {
font-size: 50px;
margin-bottom: -20px;
@@ -212,6 +216,7 @@ p.description {
h1 {
margin-top: -20px;
font-size: 2rem;
}
}

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

@@ -154,7 +154,7 @@ legend {
border-radius: 0.7em;
h1 {
font-size: 1em;
font-size: 1rem;
}
}
@@ -198,6 +198,7 @@ legend {
.changelogtab {
h1 {
max-width: 85%;
font-size: 2rem;
}
img {

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

@@ -91,7 +91,7 @@ export default class About extends React.PureComponent {
<img draggable='false' className='aboutLogo' src='./././icons/logo_horizontal.png' alt='Logo'></img>
<p>{this.language.copyright} {window.constants.COPYRIGHT_YEAR}-{new Date().getFullYear()} <a href={'https://github.com/repos/' + window.constants.ORG_NAME + '/' + window.constants.REPO_NAME + '/graphs/contributors'} className='aboutLink' target='_blank' rel='noopener noreferrer'>{window.constants.COPYRIGHT_NAME}</a> ({window.constants.COPYRIGHT_LICENSE})</p>
<p>{this.language.version.title} {window.constants.VERSION} ({this.state.update})</p>
<a href={window.constants.PRIVACY_URL} className='aboutLink' target='_blank' rel='noopener noreferrer'>{window.language.modals.welcome.sections.privacy.links.privacy_policy}</a>
<a href={window.constants.PRIVACY_URL} className='aboutLink' target='_blank' rel='noopener noreferrer' style={{ fontSize: '1rem' }}>{window.language.modals.welcome.sections.privacy.links.privacy_policy}</a>
<h3>{this.language.contact_us}</h3>
<a href={'mailto:' + window.constants.EMAIL} className='aboutIcon' target='_blank' rel='noopener noreferrer'><EmailIcon/></a>

4
src/components/modals/welcome/WelcomeSections.jsx
View File

@@ -195,8 +195,8 @@ export default class WelcomeSections extends React.PureComponent {
<h3 className='quicktip'>{language.sections.final.changes}</h3>
<p>{language.sections.final.changes_description}</p>
<div className='themesToggleArea'>
<div className='toggle' onClick={() => this.props.switchTab(1)}>{languageSettings.title}: {languages.find((i) => i.value === localStorage.getItem('language')).name}</div>
<div className='toggle' onClick={() => this.props.switchTab(3)}>{appearance.theme.title}: {this.getSetting('theme')}</div>
<div className='toggle' onClick={() => this.props.switchTab(1)}><span>{languageSettings.title}: {languages.find((i) => i.value === localStorage.getItem('language')).name}</span></div>
<div className='toggle' onClick={() => this.props.switchTab(3)}><span>{appearance.theme.title}: {this.getSetting('theme')}</span></div>
{(this.state.importedSettings.length !== 0) ? <div className='toggle' onClick={() => this.props.switchTab(2)}>{language.sections.final.imported} {this.state.importedSettings.length} {language.sections.final.settings}</div> : null}
</div>
</>

8
src/components/modals/welcome/welcome.scss
View File

@@ -23,7 +23,6 @@
display: flex;
justify-content: center;
align-items: center;
}
section:nth-child(2) {
@@ -40,7 +39,7 @@
}
h1 {
font-size: 2.5em;
font-size: 2.5rem;
}
h3.quicktip {
@@ -95,6 +94,10 @@
background: var(--tab-active);
cursor: pointer;
}
span {
font-size: 1rem;
}
}
.auto {
@@ -123,6 +126,7 @@
a.privacy {
text-decoration: none;
color: var(--modal-text);
font-size: 1rem;
&:hover {
color: #5352ed;