增加插件,自定义座右铭

This commit is contained in:
2025-12-20 22:47:03 +08:00
parent afab936d70
commit a7556418ae
18 changed files with 3078 additions and 122 deletions

View File

@@ -4,9 +4,10 @@ import { useTranslation } from '../i18n';
interface ClockProps {
showSeconds?: boolean;
use24HourFormat?: boolean;
motto?: string;
}
const Clock: React.FC<ClockProps> = ({ showSeconds = true, use24HourFormat = true }) => {
const Clock: React.FC<ClockProps> = ({ showSeconds = true, use24HourFormat = true, motto = '同是天涯沦落人,相逢何必曾相识' }) => {
const [time, setTime] = useState(new Date());
const { language } = useTranslation();
@@ -83,8 +84,8 @@ const Clock: React.FC<ClockProps> = ({ showSeconds = true, use24HourFormat = tru
</div>
{/* Motto */}
<div className="mt-4 text-lg md:text-xl font-light text-white/70 tracking-widest uppercase">
<div className="mt-4 text-lg md:text-xl font-light text-white/70 tracking-widest uppercase text-center max-w-2xl">
{motto}
</div>
</div>
);

View File

@@ -49,6 +49,10 @@ const ThemeSettings: React.FC<ThemeSettingsProps> = ({ settings, onUpdateSetting
onUpdateSettings({ ...settings, language: lang });
};
const handleMottoChange = (e: React.ChangeEvent<HTMLInputElement>) => {
onUpdateSettings({ ...settings, motto: e.target.value });
};
return (
<div className="space-y-5">
{/* Language Selection */}
@@ -103,6 +107,18 @@ const ThemeSettings: React.FC<ThemeSettingsProps> = ({ settings, onUpdateSetting
</div>
</div>
{/* Motto Input */}
<div className="space-y-2">
<span className="text-xs font-semibold text-white/50 uppercase tracking-wider block">{t.motto}</span>
<input
type="text"
value={settings.motto || ''}
onChange={handleMottoChange}
className="w-full bg-white/10 border border-white/10 rounded-lg px-3 py-2 text-sm text-white focus:border-white/30 focus:outline-none transition-colors"
placeholder={t.enterMotto}
/>
</div>
{/* Toggle settings */}
<div className="space-y-3">
<div className="flex items-center justify-between">