Align Wireless Clients zebra striping with app-wide table-zebra pattern

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-14 08:43:03 -07:00
parent 9ce62c954b
commit d992a8b5a6
1 changed files with 3 additions and 9 deletions
@@ -81,21 +81,15 @@ export default function WirelessClientsPage() {
                  <th className="px-4 py-3 text-left font-medium text-gray-500 dark:text-slate-400">Access Point</th>
                </tr>
              </thead>
-              <tbody>
-                {clients.map((client, i) => {
+              <tbody className="divide-y divide-gray-100 dark:divide-slate-700 table-zebra">
+                {clients.map((client) => {
                  const c = client as Client & { device_name?: string; ssid?: string };
                  const name = c.custom_name || c.hostname || c.mac_address;
                  const dbm = c.signal_strength ?? null;
                  return (
                    <tr
                      key={c.mac_address}
-                      className={clsx(
-                        'transition-colors',
-                        i % 2 === 0
-                          ? 'bg-white dark:bg-slate-900'
-                          : 'bg-gray-50 dark:bg-slate-800/40',
-                        'hover:bg-blue-50/50 dark:hover:bg-slate-700/40'
-                      )}
+                      className="hover:bg-gray-50 dark:hover:bg-slate-700/30 transition-colors"
                    >
                      <td className="px-4 py-3 font-medium">
                        <button