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

feat(Quote): adjust font size scaling and update quote container width for improved readability

Browse Source
This commit is contained in:
alexsparkes
2026-01-24 20:18:21 +00:00
parent 276bb78c1e
commit 98b8f6e00e
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/quote/Quote.jsx
View File

@@ -22,7 +22,7 @@ export default function Quote() {
const [display, setDisplay] = useState('block');
const [fontSize, setFontSize] = useState(() => {
const zoomQuote = localStorage.getItem('zoomQuote');
return `${0.8 * Number((zoomQuote || 100) / 100)}em`;
return `${1.2 * Number((zoomQuote || 100) / 100)}em`;
});
const [authorDetails, setAuthorDetails] = useState(localStorage.getItem('authorDetails') === 'true');
const [isLegacyStyle, setIsLegacyStyle] = useState(localStorage.getItem('widgetStyle') === 'legacy');
@@ -47,7 +47,7 @@ export default function Quote() {
const widgetStyle = localStorage.getItem('widgetStyle');
setDisplay(quoteSetting === 'false' ? 'none' : 'block');
setFontSize(`${0.8 * Number((zoomQuote || 100) / 100)}em`);
setFontSize(`${1.2 * Number((zoomQuote || 100) / 100)}em`);
setAuthorDetails(authorDetailsSetting === 'true');
setIsLegacyStyle(widgetStyle === 'legacy');
} else if (data === 'marketplacequoteuninstall' || data === 'quoterefresh') {

3
src/features/quote/scss/index.scss
View File

@@ -1,6 +1,7 @@
@use 'scss/variables' as *;
.quote {
display: block;
font-size: 0.8em;
text-shadow: 0 0 10px rgb(0 0 0 / 30%);
cursor: initial;
@@ -10,7 +11,7 @@
color: #fff;
font-weight: 600;
width: 40vw;
max-width: 45vw;
}
.quoteauthor {