diff --git a/frontend/src/app/layout/MainLayout.tsx b/frontend/src/app/layout/MainLayout.tsx index e6ba47e..e0a3e15 100644 --- a/frontend/src/app/layout/MainLayout.tsx +++ b/frontend/src/app/layout/MainLayout.tsx @@ -361,7 +361,7 @@ export function MainLayout() {
- {t('layout.alertCount', { count: 3 })}
- @@ -438,6 +438,7 @@ export function MainLayout() {
setPageSearch(e.target.value)} onKeyDown={(e) => { diff --git a/frontend/src/design-system/DesignSystemApp.css b/frontend/src/design-system/DesignSystemApp.css index a8a8893..77ae9e6 100644 --- a/frontend/src/design-system/DesignSystemApp.css +++ b/frontend/src/design-system/DesignSystemApp.css @@ -16,6 +16,7 @@ border-bottom: 1px solid rgb(51 65 85 / 0.5); flex-shrink: 0; background: var(--surface-overlay, rgb(15 23 42 / 0.6)); + -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } @@ -65,6 +66,7 @@ outline: 2px solid rgb(59 130 246); outline-offset: 4px; animation: trk-pulse 1.2s ease-out; + will-change: opacity; } .trk-item[data-copied='true'] { @@ -88,13 +90,13 @@ @keyframes trk-pulse { 0% { - outline-color: rgb(59 130 246); + opacity: 1; } 50% { - outline-color: rgb(59 130 246 / 0.3); + opacity: 0.35; } 100% { - outline-color: rgb(59 130 246); + opacity: 1; } } diff --git a/frontend/src/features/admin/DataHub.tsx b/frontend/src/features/admin/DataHub.tsx index 7071838..7c1b6cf 100644 --- a/frontend/src/features/admin/DataHub.tsx +++ b/frontend/src/features/admin/DataHub.tsx @@ -449,6 +449,7 @@ export function DataHub() {
setSelectedDate(e.target.value)} diff --git a/frontend/src/features/admin/NoticeManagement.tsx b/frontend/src/features/admin/NoticeManagement.tsx index 6888d59..e479837 100644 --- a/frontend/src/features/admin/NoticeManagement.tsx +++ b/frontend/src/features/admin/NoticeManagement.tsx @@ -271,6 +271,7 @@ export function NoticeManagement() {
setForm({ ...form, title: e.target.value })} className="w-full bg-surface-overlay border border-slate-700/50 rounded-lg px-3 py-2 text-[11px] text-heading placeholder:text-hint focus:outline-none focus:border-blue-500/50" @@ -282,6 +283,7 @@ export function NoticeManagement() {