David/xpeditis2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix notifications

Browse Source
This commit is contained in:
David 2025-12-22 12:32:32 +01:00
parent 7748a49def
commit 21d7044a61
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/frontend/app/dashboard/notifications/page.tsx
View File

@ -134,7 +134,7 @@ export default function NotificationsPage() {
return ( return (
<div className="min-h-screen bg-gray-50"> <div className="min-h-screen bg-gray-50">
{/* Header */} {/* Header */}
<div className="bg-white border-b"> <div className="bg-white border-b shadow-sm">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">

8
apps/frontend/src/components/NotificationPanel.tsx
View File

@ -148,16 +148,16 @@ export default function NotificationPanel({ isOpen, onClose }: NotificationPanel
{/* Panel */} {/* Panel */}
<div className="fixed right-0 top-0 bottom-0 w-full max-w-2xl bg-white shadow-2xl z-50 flex flex-col animate-slide-in-right"> <div className="fixed right-0 top-0 bottom-0 w-full max-w-2xl bg-white shadow-2xl z-50 flex flex-col animate-slide-in-right">
{/* Header */} {/* Header */}
<div className="flex items-center justify-between px-6 py-4 border-b bg-gradient-to-r from-blue-600 to-blue-700 text-white"> <div className="flex items-center justify-between px-6 py-4 border-b bg-white">
<div> <div>
<h2 className="text-xl font-bold">Notifications</h2> <h2 className="text-xl font-bold text-gray-900">Notifications</h2>
<p className="text-sm text-blue-100 mt-1"> <p className="text-sm text-gray-600 mt-1">
{total} notification{total !== 1 ? 's' : ''} total {total} notification{total !== 1 ? 's' : ''} total
</p> </p>
</div> </div>
<button <button
onClick={onClose} onClick={onClose}
className="p-2 hover:bg-white/20 rounded-lg transition-colors" className="p-2 hover:bg-gray-100 rounded-lg transition-colors text-gray-600"
aria-label="Close panel" aria-label="Close panel"
> >
<X className="w-6 h-6" /> <X className="w-6 h-6" />