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

fix: various fixes, add microphone active border etc

Browse Source
This commit is contained in:
alexsparkes
2022-04-12 10:52:59 +01:00
parent 98fed28706
commit af41947e33
20 changed files with 57 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -145,10 +145,6 @@ h5 {
flex-flow: row;
gap: 15px;
align-items: center;
&:hover {
opacity: 0.8;
cursor: pointer;
}
}
}
@@ -186,9 +182,5 @@ h5 {
flex-flow: row;
gap: 15px;
align-items: center;
&:hover {
opacity: 0.8;
cursor: pointer;
}
}
}

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

@@ -1,7 +1,7 @@
import variables from 'modules/variables';
import { PureComponent } from 'react';
import { MdEmail, MdContactPage } from 'react-icons/md';
import { FaDiscord, FaTwitter, FaPatreon, FaGithub } from 'react-icons/fa';
import { FaDiscord, FaTwitter } from 'react-icons/fa';
import { SiGithubsponsors, SiLiberapay, SiKofi, SiPatreon } from 'react-icons/si';
import { BiDonateHeart } from 'react-icons/bi';
@@ -228,7 +228,7 @@ export default class About extends PureComponent {
</a>
<Tooltip title={'Github Sponsors'}>
<a
href={'https://discord.gg/' + variables.constants.DISCORD_SERVER}
href={'https://github.com/sponsors/' + variables.constants.SPONSORS_USERNAME}
target="_blank"
rel="noopener noreferrer"
>
@@ -237,7 +237,7 @@ export default class About extends PureComponent {
</Tooltip>
<Tooltip title={'Liberapay'}>
<a
href={'https://discord.gg/' + variables.constants.DISCORD_SERVER}
href={'https://liberapay.com/' + variables.constants.LIBERAPAY_USERNAME}
target="_blank"
rel="noopener noreferrer"
>
@@ -246,7 +246,7 @@ export default class About extends PureComponent {
</Tooltip>
<Tooltip title={'Ko-Fi'}>
<a
href={'https://discord.gg/' + variables.constants.DISCORD_SERVER}
href={'https://ko-fi.com/' + variables.constants.KOFI_USERNAME}
target="_blank"
rel="noopener noreferrer"
>
@@ -255,7 +255,7 @@ export default class About extends PureComponent {
</Tooltip>
<Tooltip title={'Patreon'}>
<a
href={'https://discord.gg/' + variables.constants.DISCORD_SERVER}
href={'https://patreon.com/' + variables.constants.PATREON_USERNAME}
target="_blank"
rel="noopener noreferrer"
>
@@ -289,12 +289,6 @@ export default class About extends PureComponent {
</a>{' '}
({this.getMessage('modals.main.settings.sections.about.resources_used.bg_images')})
</span>
<span className="subtitle">
<a href="https://undraw.co" className="link" target="_blank" rel="noopener noreferrer">
Undraw
</a>{' '}
({this.getMessage('modals.main.settings.sections.about.resources_used.welcome_img')})
</span>
</div>
<div className="settingsRow" style={{ flexFlow: 'column', alignItems: 'flex-start' }}>

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

@@ -125,7 +125,7 @@ export default class WelcomeSections extends PureComponent {
<h3 className="quicktip">#shareyourmue</h3>
<div className="examples">
<img
src={this.welcomeImages[this.state.welcomeImage]}
src={`./welcome-images/example${this.state.welcomeImage + 1}.webp`}
alt="Example Mue setup"
draggable={false}
/>

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

@@ -204,11 +204,6 @@ a.privacy {
}
}
.showcaseimg {
width: 350px;
height: auto;
}
@media (max-width: 1820px) and (min-width: 1200px) {
.welcomemodal {
width: 85%;
@@ -272,3 +267,22 @@ a.privacy {
height: 40px;
}
}
.showcaseimg {
width: 350px;
height: auto;
/*animation-name: float-in;
animation-duration: 1.2s;
animation-timing-function: ease-in;*/
}
@keyframes float-in {
0% {
transform: translate(0, 30px);
opacity: 0;
}
100% {
transform: translate(0, 0px);
opacity: 1;
}
}