将错误通知样式改为内联 Tailwind

按应用更新提示样式还原通知布局和按钮
移除通知标题中的不可靠问题数量
This commit is contained in:
2026-09-05 19:30:30 +08:00
parent 8b5bd93356
commit d3b087f38d
@@ -73,23 +73,23 @@ export function ErrorReportNotice() {
<>
{notificationEvents.length ? (
<aside
className="fixed top-[calc(var(--window-chrome-height)+14px)] right-4 z-40 flex max-w-[min(420px,calc(100vw-2rem))] items-center gap-2.5 rounded-xl border border-[var(--platform-surface-border)] bg-(image:--platform-subpanel-fill) px-3.5 py-3 text-[var(--platform-text-strong)] shadow-[0_12px_30px_rgb(36_20_12_/_18%)] max-[560px]:top-[calc(var(--window-chrome-height)+8px)] max-[560px]:right-2 max-[560px]:left-2 max-[560px]:max-w-none"
className="fixed top-[calc(var(--window-chrome-height)+12px)] right-4 z-40 flex max-w-[min(520px,calc(100vw-2rem))] items-center gap-4 rounded-xl border border-[#efc9ae] bg-[#fffaf5] px-3.5 py-3 shadow-[0_8px_24px_rgb(100_49_26_/_16%)]"
role="status"
aria-live="polite"
>
<span className="flex-[1_1_auto]">
{notificationEvents.length}
</span>
<div className="grid min-w-0 gap-[3px]">
<strong className="text-[13px] text-[#4a220f]"></strong>
</div>
<button
className="min-h-9 cursor-pointer rounded-lg border border-(--platform-button-primary-border) bg-(image:--platform-button-primary-fill) px-2.5 text-(--platform-button-primary-text) last:w-9 last:border-0 last:bg-none last:px-0 last:text-xl last:text-(--platform-text-soft)"
className="flex-[0_0_auto] cursor-pointer rounded-lg border-0 bg-[#c7653d] px-3 py-[7px] text-[12px] font-bold text-white disabled:cursor-wait disabled:opacity-[0.65]"
type="button"
onClick={openReport}
>
</button>
<button
className="min-h-9 cursor-pointer rounded-lg border border-(--platform-button-primary-border) bg-(image:--platform-button-primary-fill) px-2.5 text-(--platform-button-primary-text) last:w-9 last:border-0 last:bg-none last:px-0 last:text-xl last:text-(--platform-text-soft)"
type="button"
className="inline-flex h-7 w-7 flex-[0_0_auto] cursor-pointer items-center justify-center rounded-md border-0 bg-transparent p-0 text-[#8d6a58] hover:bg-[rgb(199_101_61_/_12%)] hover:text-[#4a220f] disabled:cursor-wait disabled:opacity-50"
onClick={() => {
const dismissed = notificationEvents;
setNotificationEvents([]);