[Hiddify-Official]

Problem

On a phone the Users page shows cards instead of the table, so there are no column headers to tap. Users can't be sorted by ID, status, name, usage, expiry or last connection there.

Change

• UsersView.vue: the Select all box above the cards gets one small button per sortable column (ID, Status, Name, Usage, Expires, Last connection):
  • a tap sorts ascending, the next descending, the third returns to the admin's own order (arrow and highlight on the active one);
  • it uses the same sortField / sortOrder as the table, so pinned users stay on top, the sort is kept in the URL, and it carries over to the desktop table;
  • the buttons scroll sideways on one line (the edge fades), and are disabled while "Group by admin" is on, as the column sorts are;
  • a sort starts again from page 1.
• Labels reuse the column titles (no new translation keys).

Screenshots

Before	After

The second row is Usage tapped twice (descending). The notebook icons in the "after" cards come from #107.

Tested

• Deployed to main, node1 and node2 (UI).
• On main at phone width: each button cycles up, down and off; Usage ↓ orders by usage with the pinned users kept first.
• vue-tsc adds no errors.
• Not checked: the Persian (RTL) phone view, because the screenshot tool did not render it correctly at phone size.

Review

• Confidence: High (>90%): the cards already followed the table's sort; this only adds controls for it.
• Complexity: Simple: one view, no API change.

Related: #107 also changes UsersView.vue; the two branches merge without conflicts.

🤖 Generated with Claude Code