gustavosantos/MIKROTIK-RMM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2GT-Rich
2026-04-14 08:43:03 -07:00
co-authored by Claude Sonnet 4.6
parent 9ce62c954b
commit d992a8b5a6
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/WirelessClientsPage.tsx
+3 -9
View File
@@ -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> <th className="px-4 py-3 text-left font-medium text-gray-500 dark:text-slate-400">Access Point</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody className="divide-y divide-gray-100 dark:divide-slate-700 table-zebra">
{clients.map((client, i) => { {clients.map((client) => {
const c = client as Client & { device_name?: string; ssid?: string }; const c = client as Client & { device_name?: string; ssid?: string };
const name = c.custom_name || c.hostname || c.mac_address; const name = c.custom_name || c.hostname || c.mac_address;
const dbm = c.signal_strength ?? null; const dbm = c.signal_strength ?? null;
return ( return (
<tr <tr
key={c.mac_address} key={c.mac_address}
className={clsx( className="hover:bg-gray-50 dark:hover:bg-slate-700/30 transition-colors"
'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'
)}
> >
<td className="px-4 py-3 font-medium"> <td className="px-4 py-3 font-medium">
<button <button