38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
'use client';
|
||
|
||
import { motion } from 'framer-motion';
|
||
import { CloseIcon } from './Icons';
|
||
import { DonateTabs } from './Common';
|
||
|
||
export default function DonateModal({ onClose }) {
|
||
return (
|
||
<div className="modal-overlay" role="dialog" aria-modal="true" aria-label="赞助" onClick={onClose}>
|
||
<motion.div
|
||
initial={{ opacity: 0, scale: 0.95, y: 20 }}
|
||
animate={{ opacity: 1, scale: 1, y: 0 }}
|
||
exit={{ opacity: 0, scale: 0.95, y: 20 }}
|
||
className="glass card modal"
|
||
style={{ maxWidth: '360px' }}
|
||
onClick={(e) => e.stopPropagation()}
|
||
>
|
||
<div className="title" style={{ marginBottom: 20, justifyContent: 'space-between' }}>
|
||
<div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
|
||
<span>☕ 请作者喝杯咖啡</span>
|
||
</div>
|
||
<button className="icon-button" onClick={onClose} style={{ border: 'none', background: 'transparent' }}>
|
||
<CloseIcon width="20" height="20" />
|
||
</button>
|
||
</div>
|
||
|
||
<div style={{ marginBottom: 20 }}>
|
||
<DonateTabs />
|
||
</div>
|
||
|
||
<div className="muted" style={{ fontSize: '12px', textAlign: 'center', lineHeight: 1.5 }}>
|
||
感谢您的支持！您的鼓励是我持续维护和更新的动力。
|
||
</div>
|
||
</motion.div>
|
||
</div>
|
||
);
|
||
}
|