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 { .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 { .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} onClick={toggleMenu}
className="relative" className="relative"
> >
{activeTasks.length > 0 ? ( <Bell className="h-4 w-4 text-muted-foreground" />
<BellRing className="h-4 w-4 text-blue-500" />
) : (
<Bell className="h-4 w-4 text-muted-foreground" />
)}
{activeTasks.length > 0 && ( {activeTasks.length > 0 && (
<div className="header-notifications" /> <div className="header-notifications" />
)} )}

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

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