fix(admin-users): align action buttons in a fixed-width column

The "Сменить пароль" / "Удалить" pair is now wrapped in a
flex justify-end row with fixed widths (144px and 80px). When the
"Удалить" button is hidden for the current user, an empty spacer of
the same width keeps "Сменить пароль" in the same horizontal
position across all rows. Cleans up the ragged column.
This commit is contained in:
Telecom 2026-05-22 13:26:25 +05:00
parent b1468eeb42
commit 0a403381c5

View File

@ -179,10 +179,11 @@ onMounted(load);
<option value="rop">rop</option> <option value="rop">rop</option>
</select> </select>
</td> </td>
<td class="px-4 py-3 text-right"> <td class="px-4 py-3">
<div class="flex justify-end items-center gap-2">
<button <button
type="button" type="button"
class="btn-secondary !py-1 text-xs mr-2" class="btn-secondary !py-1 text-xs w-36"
@click="resetPassword(u)" @click="resetPassword(u)"
> >
Сменить пароль Сменить пароль
@ -190,11 +191,13 @@ onMounted(load);
<button <button
v-if="u.username !== auth.user?.username" v-if="u.username !== auth.user?.username"
type="button" type="button"
class="btn-danger !py-1 text-xs" class="btn-danger !py-1 text-xs w-20"
@click="remove(u)" @click="remove(u)"
> >
Удалить Удалить
</button> </button>
<span v-else class="w-20" aria-hidden="true"></span>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>