diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss index 41ccbcbd..2f590554 100644 --- a/src/components/modals/main/scss/index.scss +++ b/src/components/modals/main/scss/index.scss @@ -181,4 +181,14 @@ h5 { display: flex; justify-content: space-between; padding: 15px 0 15px 0; + .link { + display: flex; + flex-flow: row; + gap: 15px; + align-items: center; + &:hover { + opacity: .8; + cursor: pointer; + } + } } diff --git a/src/components/modals/main/scss/modules/_tab-content.scss b/src/components/modals/main/scss/modules/_tab-content.scss index 4c3d1d84..ee2215ad 100644 --- a/src/components/modals/main/scss/modules/_tab-content.scss +++ b/src/components/modals/main/scss/modules/_tab-content.scss @@ -93,3 +93,13 @@ table { } } } + +.donateButton { + @include modal-button(standard); + flex-flow: row !important; + text-decoration: none; + height: auto !important; + svg { + font-size: 1.5rem !important; + } +} \ No newline at end of file diff --git a/src/components/modals/main/scss/settings/modules/tabs/_order.scss b/src/components/modals/main/scss/settings/modules/tabs/_order.scss index 638a813d..5240bc3c 100644 --- a/src/components/modals/main/scss/settings/modules/tabs/_order.scss +++ b/src/components/modals/main/scss/settings/modules/tabs/_order.scss @@ -2,18 +2,24 @@ .sortableItem { @include themed() { - background: t($modal-sidebar) !important; - padding: 10px 80px 10px 10px; - border-radius: 15px; + padding: 15px; margin-bottom: 10px; font-size: 1.325rem; color: t($color) !important; cursor: move; - width: 150px; + width: 200px; z-index: 999 !important; + display: flex; + justify-content: space-between; + align-items: center; + + background: t($modal-sidebar); + border: 3px solid t($modal-sidebarActive); + border-radius: t($borderRadius); svg { font-size: 1.3rem; + color: t($subColor); } &:hover { @@ -22,8 +28,9 @@ } ul { - padding-left: 0; - margin: 0; + -webkit-padding-start: 0; + padding: 0; + list-style-type: none; > label { vertical-align: middle; @@ -31,6 +38,12 @@ } } +.sortablecontainer { + -webkit-padding-start: 0; + padding: 0; + list-style-type: none; +} + .images-row { @include themed() { display: flex; diff --git a/src/components/modals/main/settings/Slider.jsx b/src/components/modals/main/settings/Slider.jsx index 2f2105ef..7a476ccc 100644 --- a/src/components/modals/main/settings/Slider.jsx +++ b/src/components/modals/main/settings/Slider.jsx @@ -2,6 +2,7 @@ import variables from 'modules/variables'; import { PureComponent } from 'react'; import { toast } from 'react-toastify'; import { Slider } from '@mui/material'; +import { MdRefresh } from 'react-icons/md'; import EventBus from 'modules/helpers/eventbus'; @@ -63,6 +64,7 @@ export default class SliderComponent extends PureComponent { {this.props.title} + {variables.language.getMessage( variables.languagecode, 'modals.main.settings.buttons.reset', diff --git a/src/components/modals/main/settings/sections/About.jsx b/src/components/modals/main/settings/sections/About.jsx index fae2f63e..7563eeef 100644 --- a/src/components/modals/main/settings/sections/About.jsx +++ b/src/components/modals/main/settings/sections/About.jsx @@ -2,7 +2,8 @@ import variables from 'modules/variables'; import { PureComponent } from 'react'; import { MdEmail } from 'react-icons/md'; import { FaDiscord, FaTwitter, FaPatreon, FaGithub } from 'react-icons/fa'; -import { SiKofi } from 'react-icons/si'; +import { SiGithubsponsors, SiLiberapay, SiKofi, SiPatreon } from 'react-icons/si'; +import { BiDonateHeart } from 'react-icons/bi'; import Tooltip from 'components/helpers/tooltip/Tooltip'; @@ -133,7 +134,7 @@ export default class About extends PureComponent { {this.getMessage('modals.main.settings.sections.about.title')} - +
Logo @@ -171,7 +172,7 @@ export default class About extends PureComponent {
- +
@@ -214,7 +215,46 @@ export default class About extends PureComponent {

As Mue is entirely free, we rely on donations to cover pay the server bills and fund development

diff --git a/src/components/modals/main/settings/sections/Order.jsx b/src/components/modals/main/settings/sections/Order.jsx index 6b0bfeae..e2d6c5ea 100644 --- a/src/components/modals/main/settings/sections/Order.jsx +++ b/src/components/modals/main/settings/sections/Order.jsx @@ -19,8 +19,8 @@ const widget_name = { const SortableItem = sortableElement(({ value }) => (
  • - {widget_name[value]} +
  • )); diff --git a/src/components/modals/main/settings/sections/background/Background.jsx b/src/components/modals/main/settings/sections/background/Background.jsx index 705adea8..5bb3022a 100644 --- a/src/components/modals/main/settings/sections/background/Background.jsx +++ b/src/components/modals/main/settings/sections/background/Background.jsx @@ -277,31 +277,6 @@ export default class BackgroundSettings extends PureComponent { disabled={this.state.backgroundAPI !== "unsplash"} />
    - - - {this.state.backgroundType === "api" && - APISettings && - this.state.backgroundAPI === "mue" ? ( - - ) : null} - {photographer} - {downloadEnabled ? ( - <> - - downloadImage(info)}> - {variables.language.getMessage( - variables.languagecode, - 'widgets.background.download', - )} - - - ) : null} ) : null}