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

Zebra table change to Wireless > Clients table

Browse Source
This commit is contained in:
2GT-Rich
2026-04-14 08:35:32 -07:00
parent 20fd3b9329
commit ca414c528e
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/WirelessClientsPage.tsx
+6 -3
View File
@@ -81,7 +81,7 @@ 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 className="divide-y divide-gray-100 dark:divide-slate-700/50"> <tbody>
{clients.map((client, i) => { {clients.map((client, i) => {
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;
@@ -90,8 +90,11 @@ export default function WirelessClientsPage() {
<tr <tr
key={c.mac_address} key={c.mac_address}
className={clsx( className={clsx(
'hover:bg-gray-50 dark:hover:bg-slate-700/30 transition-colors', 'transition-colors',
i % 2 === 1 && 'bg-gray-50/50 dark:bg-slate-800/20' 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">