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

fix(ui): update hover styles for buttons in RightPanel, Sidebar, and TabBar components

Browse source
This commit is contained in:
Anish Sarkar 2026-04-29 14:21:29 +05:30
parent 4f3914b058
commit 4813974690
3 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
surfsense_web/components/layout/ui/right-panel/RightPanel.tsx
View file

@ -61,7 +61,7 @@ function CollapseButton({ onClick }: { onClick: () => void }) {
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={onClick} onClick={onClick}
className="h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground hover:bg-muted/40" className="h-8 w-8 shrink-0 text-muted-foreground hover:text-muted-foreground hover:bg-muted/40"
> >
<PanelRight className="h-4 w-4" /> <PanelRight className="h-4 w-4" />
<span className="sr-only">Collapse panel</span> <span className="sr-only">Collapse panel</span>
@ -102,7 +102,7 @@ export function RightPanelExpandButton() {
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={() => startTransition(() => setCollapsed(false))} onClick={() => startTransition(() => setCollapsed(false))}
className="h-8 w-8 shrink-0 -m-0.5 text-muted-foreground hover:text-foreground hover:bg-muted/40" className="h-8 w-8 shrink-0 -m-0.5 text-muted-foreground hover:text-muted-foreground hover:bg-muted/40"
> >
<PanelRight className="h-4 w-4" /> <PanelRight className="h-4 w-4" />
<span className="sr-only">Expand panel</span> <span className="sr-only">Expand panel</span>

2
surfsense_web/components/layout/ui/sidebar/SidebarCollapseButton.tsx
View file

@ -26,7 +26,7 @@ export function SidebarCollapseButton({
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={onToggle} onClick={onToggle}
className="h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground hover:bg-muted/40" className="h-8 w-8 shrink-0 text-muted-foreground hover:text-muted-foreground hover:bg-muted/40"
> >
<PanelLeft className="h-4 w-4" /> <PanelLeft className="h-4 w-4" />
<span className="sr-only">{isCollapsed ? t("expand_sidebar") : t("collapse_sidebar")}</span> <span className="sr-only">{isCollapsed ? t("expand_sidebar") : t("collapse_sidebar")}</span>

2
surfsense_web/components/layout/ui/tabs/TabBar.tsx
View file

@ -139,7 +139,7 @@ export function TabBar({
<button <button
type="button" type="button"
onClick={onNewChat} onClick={onNewChat}
className="flex h-8 w-8 items-center justify-center shrink-0 rounded-md text-muted-foreground transition-all duration-150 hover:text-foreground hover:bg-muted/40" className="flex h-8 w-8 items-center justify-center shrink-0 rounded-md text-muted-foreground transition-all duration-150 hover:text-muted-foreground hover:bg-muted/40"
title="New Chat" title="New Chat"
> >
<Plus className="size-4" /> <Plus className="size-4" />