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

fix: css bugs on extension

Browse Source
This commit is contained in:
David Ralph
2021-04-17 20:01:24 +01:00
parent 214d3dfe80
commit 4a71cef3fc
2 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -344,6 +344,11 @@ li {
min-height: 300px !important;
max-width: 300px !important;
margin: auto;
h4 {
cursor: initial;
font-size: 1.1rem;
}
}
.resetfooter {
@@ -361,6 +366,10 @@ li {
.welcomeLink {
color: var(--modal-text) !important;
}
.aboutIcon {
color: var(--modal-text) !important;
padding-right: 10px;
}
@@ -371,3 +380,19 @@ li {
.MuiFormControl-root {
margin-top: 10px !important;
}
label, p {
font-size: 1rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.17rem;
}
h5 {
font-size: 0.8rem;
}

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

@@ -73,9 +73,9 @@ export default class About extends React.PureComponent {
<p>{this.language.version.title} {window.constants.VERSION} ({this.state.update})</p>
<h3>{this.language.contact_us}</h3>
<a href='mailto:hello@muetab.com' className='welcomeLink' target='_blank' rel='noopener noreferrer'><EmailIcon/></a>
<a href='https://twitter.com/getmue' className='welcomeLink' target='_blank' rel='noopener noreferrer'><TwitterIcon/></a>
<a href='https://discord.gg/zv8C9F8' className='welcomeLink' target='_blank' rel='noopener noreferrer'><ForumIcon/></a>
<a href='mailto:hello@muetab.com' className='aboutIcon' target='_blank' rel='noopener noreferrer'><EmailIcon/></a>
<a href='https://twitter.com/getmue' className='aboutIcon' target='_blank' rel='noopener noreferrer'><TwitterIcon/></a>
<a href='https://discord.gg/zv8C9F8' className='aboutIcon' target='_blank' rel='noopener noreferrer'><ForumIcon/></a>
<h3>{this.language.support_mue}</h3>
<p><a href='https://github.com/sponsors/davidjcralph' className='aboutLink' target='_blank' rel='noopener noreferrer'>GitHub Sponsors</a> • <a href='https://ko-fi.com/davidjcralph' className='aboutLink' target='_blank' rel='noopener noreferrer'>Ko-Fi</a> • <a href='https://patreon.com/davidjcralph' className='aboutLink' target='_blank' rel='noopener noreferrer'>Patreon</a></p>
@@ -86,7 +86,7 @@ export default class About extends React.PureComponent {
<p>Undraw ({this.language.resources_used.welcome_img})</p>
<h3>{this.language.contributors}</h3>
{this.state.loading}
<p>{this.state.loading}</p>
{this.state.contributors.map((item) => (
<Tooltip title={item.login} placement='top' key={item.login}>
<a href={'https://github.com/' + item.login} target='_blank' rel='noopener noreferrer'><img draggable='false' className='abouticon' src={item.avatar_url + '&size=128'} alt={item.login}/></a>
@@ -100,7 +100,7 @@ export default class About extends React.PureComponent {
))}
<h3>{this.language.supporters}</h3>
{this.state.loading}
<p>{this.state.loading}</p>
{this.state.sponsors.map((item) => (
<Tooltip title={item.handle} placement='top' key={item.handle}>
<a href={item.profile} target='_blank' rel='noopener noreferrer'><img draggable='false' className='abouticon' src={item.avatar + '&size=128'} alt={item.handle}></img></a>
@@ -108,7 +108,7 @@ export default class About extends React.PureComponent {
))}
<h3>{this.language.photographers}</h3>
{this.state.loading}
<p>{this.state.loading}</p>
<p>{this.state.photographers}</p>
</>
);