Buriburizaemon/nodewarden
1
0
Fork 0
mirror of https://github.com/shuaiplus/nodewarden.git synced 2026-08-06 15:10:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update toast close button with SVG icon and improve styling

Browse Source
This commit is contained in:
shuaiplus
2026-06-16 21:48:48 +08:00
parent 7e0406f751
commit 8f2704fd41
8 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/src/components/ToastHost.tsx
+4 -2
View File
@@ -12,8 +12,10 @@ export default function ToastHost({ toasts, onClose }: ToastHostProps) {
{toasts.map((toast) => (
<li key={toast.id} className={`toast-item ${toast.type}`}>
<div className="toast-text">{toast.text}</div>
<button type="button" className="toast-close" onClick={() => onClose(toast.id)}>
x
<button type="button" className="toast-close" onClick={() => onClose(toast.id)} aria-label="关闭通知">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
<path d="M3 3l8 8M11 3l-8 8" />
</svg>
</button>
<div className="toast-progress" />
</li>