feat: enhance authorized devices table layout and styling

This commit is contained in:
shuaiplus
2026-05-15 18:28:05 +08:00
parent d06e050162
commit ed58467766
3 changed files with 54 additions and 4 deletions
+11 -2
View File
@@ -108,7 +108,16 @@ export default function SecurityDevicesPage(props: SecurityDevicesPageProps) {
</button>
</div>
)}
<table className="table">
<table className="table authorized-devices-table">
<colgroup>
<col className="authorized-devices-col-device" />
<col className="authorized-devices-col-type" />
<col className="authorized-devices-col-status" />
<col className="authorized-devices-col-date" />
<col className="authorized-devices-col-date" />
<col className="authorized-devices-col-trust" />
<col className="authorized-devices-col-actions" />
</colgroup>
<thead>
<tr>
<th>{t('txt_device')}</th>
@@ -149,7 +158,7 @@ export default function SecurityDevicesPage(props: SecurityDevicesPageProps) {
)}
</td>
<td data-label={t('txt_actions')}>
<div className="actions">
<div className="actions authorized-devices-actions">
<button
type="button"
className="btn btn-secondary small"