mirror of
https://github.com/mue/mue.git
synced 2026-07-19 06:54:10 +02:00
feat: update font weight to bold for greeting, quote, and clock components; add TypeScript LSP plugin settings
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
font-size: 1.6em;
|
||||
cursor: initial;
|
||||
user-select: none;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
|
||||
&:not(.preview) {
|
||||
animation: fadeIn 1s;
|
||||
|
||||
@@ -275,13 +275,13 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
|
||||
name="greetingFontWeight"
|
||||
category="greeting"
|
||||
items={[
|
||||
{ value: '600', text: t(fontWeight + '.semi_bold') },
|
||||
{ value: '700', text: t(fontWeight + '.bold') },
|
||||
{ value: '100', text: t(fontWeight + '.thin') },
|
||||
{ value: '200', text: t(fontWeight + '.extra_light') },
|
||||
{ value: '300', text: t(fontWeight + '.light') },
|
||||
{ value: '400', text: t(fontWeight + '.normal') },
|
||||
{ value: '500', text: t(fontWeight + '.medium') },
|
||||
{ value: '700', text: t(fontWeight + '.bold') },
|
||||
{ value: '600', text: t(fontWeight + '.semi_bold') },
|
||||
{ value: '800', text: t(fontWeight + '.extra_bold') },
|
||||
]}
|
||||
/>
|
||||
@@ -350,8 +350,8 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
|
||||
type="settings"
|
||||
onClick={() => {
|
||||
localStorage.removeItem('greetingFont');
|
||||
localStorage.removeItem('greetingFontWeight');
|
||||
localStorage.removeItem('greetingFontStyle');
|
||||
localStorage.setItem('greetingFontWeight', '700');
|
||||
localStorage.setItem('greetingColor', '#ffffff');
|
||||
EventBus.emit('refresh', 'greeting');
|
||||
toast(t('toasts.reset'));
|
||||
@@ -419,8 +419,8 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
localStorage.removeItem('greetingFont');
|
||||
localStorage.removeItem('greetingFontWeight');
|
||||
localStorage.removeItem('greetingFontStyle');
|
||||
localStorage.setItem('greetingFontWeight', '700');
|
||||
localStorage.setItem('greetingColor', '#ffffff');
|
||||
EventBus.emit('refresh', 'greeting');
|
||||
toast(t('toasts.reset'));
|
||||
|
||||
@@ -234,13 +234,13 @@ const QuoteOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
|
||||
name="quoteFontWeight"
|
||||
category="quote"
|
||||
items={[
|
||||
{ value: '600', text: t(fontWeight + '.semi_bold') },
|
||||
{ value: '700', text: t(fontWeight + '.bold') },
|
||||
{ value: '100', text: t(fontWeight + '.thin') },
|
||||
{ value: '200', text: t(fontWeight + '.extra_light') },
|
||||
{ value: '300', text: t(fontWeight + '.light') },
|
||||
{ value: '400', text: t(fontWeight + '.normal') },
|
||||
{ value: '500', text: t(fontWeight + '.medium') },
|
||||
{ value: '700', text: t(fontWeight + '.bold') },
|
||||
{ value: '600', text: t(fontWeight + '.semi_bold') },
|
||||
{ value: '800', text: t(fontWeight + '.extra_bold') },
|
||||
]}
|
||||
/>
|
||||
@@ -490,8 +490,8 @@ const QuoteOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
|
||||
type="settings"
|
||||
onClick={() => {
|
||||
localStorage.removeItem('quoteFont');
|
||||
localStorage.removeItem('quoteFontWeight');
|
||||
localStorage.removeItem('quoteFontStyle');
|
||||
localStorage.setItem('quoteFontWeight', '700');
|
||||
localStorage.setItem('quoteColor', '#ffffff');
|
||||
EventBus.emit('refresh', 'quote');
|
||||
toast(t('toasts.reset'));
|
||||
@@ -550,8 +550,8 @@ const QuoteOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
localStorage.removeItem('quoteFont');
|
||||
localStorage.removeItem('quoteFontWeight');
|
||||
localStorage.removeItem('quoteFontStyle');
|
||||
localStorage.setItem('quoteFontWeight', '700');
|
||||
localStorage.setItem('quoteColor', '#ffffff');
|
||||
EventBus.emit('refresh', 'quote');
|
||||
toast(t('toasts.reset'));
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
--shadow-shift: 0.125rem;
|
||||
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
max-width: 45vw;
|
||||
text-rendering: optimizelegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
margin: 0;
|
||||
cursor: initial;
|
||||
user-select: none;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
animation: fadeIn 1s;
|
||||
|
||||
--shadow-shift: 0.4rem;
|
||||
|
||||
@@ -234,13 +234,13 @@ const TimeOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
|
||||
name="clockFontWeight"
|
||||
category="clock"
|
||||
items={[
|
||||
{ value: '600', text: t(fontWeight + '.semi_bold') },
|
||||
{ value: '700', text: t(fontWeight + '.bold') },
|
||||
{ value: '100', text: t(fontWeight + '.thin') },
|
||||
{ value: '200', text: t(fontWeight + '.extra_light') },
|
||||
{ value: '300', text: t(fontWeight + '.light') },
|
||||
{ value: '400', text: t(fontWeight + '.normal') },
|
||||
{ value: '500', text: t(fontWeight + '.medium') },
|
||||
{ value: '700', text: t(fontWeight + '.bold') },
|
||||
{ value: '600', text: t(fontWeight + '.semi_bold') },
|
||||
{ value: '800', text: t(fontWeight + '.extra_bold') },
|
||||
]}
|
||||
/>
|
||||
@@ -299,8 +299,8 @@ const TimeOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
|
||||
type="settings"
|
||||
onClick={() => {
|
||||
localStorage.removeItem('clockFont');
|
||||
localStorage.removeItem('clockFontWeight');
|
||||
localStorage.removeItem('clockFontStyle');
|
||||
localStorage.setItem('clockFontWeight', '700');
|
||||
localStorage.setItem('clockColor', '#ffffff');
|
||||
localStorage.setItem('hourColour', '#ffffff');
|
||||
localStorage.setItem('minuteColour', '#ffffff');
|
||||
@@ -349,8 +349,8 @@ const TimeOptions = ({ currentSubSection, onSubSectionChange, sectionName }) =>
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
localStorage.removeItem('clockFont');
|
||||
localStorage.removeItem('clockFontWeight');
|
||||
localStorage.removeItem('clockFontStyle');
|
||||
localStorage.setItem('clockFontWeight', '700');
|
||||
localStorage.setItem('clockColor', '#ffffff');
|
||||
localStorage.setItem('hourColour', '#ffffff');
|
||||
localStorage.setItem('minuteColour', '#ffffff');
|
||||
|
||||
Reference in New Issue
Block a user