gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bell styling

Browse source
This commit is contained in:
phact 2025-08-18 22:33:57 -04:00
parent fde9335642
commit 9c6b916f37
3 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/globals.css
View file

@ -134,7 +134,7 @@
}
.header-notifications {
@apply absolute right-[3px] h-1.5 w-1.5 rounded-full bg-destructive;
@apply absolute right-[0px] top-[-4px] h-1 w-1 rounded-full bg-destructive;
}
.header-menu-bar {

6
frontend/src/components/layout-wrapper.tsx
View file

@ -72,11 +72,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
onClick={toggleMenu}
className="relative"
>
{activeTasks.length > 0 ? (
<BellRing className="h-4 w-4 text-blue-500" />
) : (
<Bell className="h-4 w-4 text-muted-foreground" />
)}
<Bell className="h-4 w-4 text-muted-foreground" />
{activeTasks.length > 0 && (
<div className="header-notifications" />
)}

8
frontend/src/components/task-notification-menu.tsx
View file

@ -1,7 +1,7 @@
"use client"
import { useState } from 'react'
import { Bell, BellRing, CheckCircle, XCircle, Clock, Loader2, ChevronDown, ChevronUp, X } from 'lucide-react'
import { Bell, CheckCircle, XCircle, Clock, Loader2, ChevronDown, ChevronUp, X } from 'lucide-react'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
@ -124,11 +124,7 @@ export function TaskNotificationMenu() {
<div className="p-4 border-b border-border/40">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
{activeTasks.length > 0 ? (
<BellRing className="h-5 w-5 text-blue-500" />
) : (
<Bell className="h-5 w-5 text-muted-foreground" />
)}
<Bell className="h-5 w-5 text-muted-foreground" />
<h3 className="font-semibold">Tasks</h3>
{isFetching && (
<Loader2 className="h-3 w-3 animate-spin text-muted-foreground" />