From 2d733d6ddcd05b0392409995375b120b1cc099f2 Mon Sep 17 00:00:00 2001
From: Aly Raffauf <aly@aly.codes>
Date: Wed, 22 Apr 2026 09:19:49 -0400
Subject: [PATCH] web/BBSPanel: fix hover effects

---
 web/src/components/BBSPanel.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/components/BBSPanel.tsx b/web/src/components/BBSPanel.tsx
index ae130bf..5f805b1 100644
--- a/web/src/components/BBSPanel.tsx
+++ b/web/src/components/BBSPanel.tsx
@@ -42,9 +42,9 @@ export default function BBSPanel({
     <>
       <Link
         to={`/bbs/${encodeURIComponent(userHandle)}`}
-        className="flex items-center justify-between py-3 border-b border-neutral-800 text-neutral-300 hover:text-neutral-200"
+        className="group flex items-center justify-between py-3 border-b border-neutral-800"
       >
-        <div className="flex items-center gap-3 min-w-0">
+        <div className="flex items-center gap-3 min-w-0 text-neutral-300 group-hover:text-neutral-200">
           {avatar && (
             <img
               src={avatar}
@@ -54,7 +54,7 @@ export default function BBSPanel({
           )}
           <span className="truncate">{bbsName ?? `@${userHandle}`}</span>
         </div>
-        <span className="flex items-center gap-1 text-sm text-neutral-400">
+        <span className="flex items-center gap-1 text-sm text-neutral-400 group-hover:text-neutral-300">
           view <ArrowRight size={12} />
         </span>
       </Link>
@@ -78,7 +78,7 @@ export default function BBSPanel({
       <button
         type="button"
         onClick={onDelete}
-        className="group w-full flex items-center justify-between py-3 text-left border-t border-red-400/30 hover:bg-red-500/5"
+        className="group w-full flex items-center justify-between py-3 text-left border-t border-red-400/30"
       >
         <div className="flex items-center gap-3">
           <Trash2
@@ -120,7 +120,9 @@ function SettingsRow({ to, icon: Icon, label, hint }: SettingsRowProps) {
           className="text-neutral-400 group-hover:text-neutral-200"
         />
         <div>
-          <div className="text-neutral-200">{label}</div>
+          <div className="text-neutral-300 group-hover:text-neutral-200">
+            {label}
+          </div>
           <div className="text-xs text-neutral-400">{hint}</div>
         </div>
       </div>
-- 
2.51.2