apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-21 18:55:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(styles): update component backgrounds and hover effects for improved visual consistency across user interface elements

Browse source
This commit is contained in:
Anish Sarkar 2026-05-03 22:35:40 +05:30
parent cdce6a8f14
commit 761f5b1c11
5 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
surfsense_web/components/assistant-ui/user-message.tsx
View file

@ -49,7 +49,7 @@ const UserAvatar: FC<AuthorMetadata> = ({ displayName, avatarUrl }) => {
} }
return ( return (
<div className="flex size-8 items-center justify-center rounded-full bg-primary/10 text-xs font-medium text-primary select-none"> <div className="flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-foreground select-none">
{initials} {initials}
</div> </div>
); );

2
surfsense_web/components/free-chat/free-model-selector.tsx
View file

@ -103,7 +103,7 @@ export function FreeModelSelector({ className }: { className?: string }) {
role="combobox" role="combobox"
aria-expanded={open} aria-expanded={open}
className={cn( className={cn(
"h-8 gap-2 px-3 text-sm bg-main-panel hover:bg-accent/50 dark:hover:bg-white/6 border border-border/40 select-none", "h-8 gap-2 px-3 text-sm bg-muted hover:bg-muted/80 border-0 select-none",
className className
)} )}
> >

11
surfsense_web/components/layout/ui/sidebar/MobileSidebar.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { PanelRightClose, Plus } from "lucide-react"; import { PanelLeft, Plus } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { ScrollArea } from "@/components/ui/scroll-area"; import { ScrollArea } from "@/components/ui/scroll-area";
import { Sheet, SheetContent, SheetTitle } from "@/components/ui/sheet"; import { Sheet, SheetContent, SheetTitle } from "@/components/ui/sheet";
@ -45,8 +45,13 @@ interface MobileSidebarProps {
export function MobileSidebarTrigger({ onClick }: { onClick: () => void }) { export function MobileSidebarTrigger({ onClick }: { onClick: () => void }) {
return ( return (
<Button variant="ghost" size="icon" className="md:hidden h-8 w-8" onClick={onClick}> <Button
<PanelRightClose className="h-5 w-5" /> variant="ghost"
size="icon"
onClick={onClick}
className="md:hidden h-8 w-8 shrink-0 text-muted-foreground hover:bg-transparent hover:text-muted-foreground"
>
<PanelLeft className="h-4 w-4" />
<span className="sr-only">Open menu</span> <span className="sr-only">Open menu</span>
</Button> </Button>
); );

2
surfsense_web/components/new-chat/model-selector.tsx
View file

@ -1344,7 +1344,7 @@ export function ModelSelector({
role="combobox" role="combobox"
aria-expanded={open} aria-expanded={open}
className={cn( className={cn(
"h-8 gap-2 px-3 text-sm bg-main-panel hover:bg-accent/50 dark:hover:bg-white/[0.06] border border-border/40 select-none", "h-8 gap-2 px-3 text-sm bg-muted hover:bg-muted/80 border-0 select-none",
className className
)} )}
> >

2
surfsense_web/components/public-chat/public-thread.tsx
View file

@ -105,7 +105,7 @@ const UserAvatar: FC<AuthorMetadata & { hasError: boolean; onError: () => void }
} }
return ( return (
<div className="flex size-8 items-center justify-center rounded-full bg-primary/10 text-xs font-medium text-primary"> <div className="flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-foreground">
{initials} {initials}
</div> </div>
); );