游戏评价页操作列按内容取宽,避免按钮换行错行

- AdminGameReviewsPage.tsx:评价列表加 tableClassName="admin-game-reviews-table",操作列单元格加 admin-game-reviews-actions-cell(与游戏管理页操作列同口径)
- styles/admin.css:新增本页专属规则,操作列 width:1% + white-space:nowrap,动作行 flex-wrap:nowrap 并右对齐,避免「删除 / 查看详情 / 隐藏」被挤到第二行
- 选择器全部框在 .admin-game-reviews-table 内,不影响其它后台页面
This commit is contained in:
2026-10-04 16:15:18 +08:00
parent 7c5bcc4fb0
commit 137898d182
2 changed files with 18 additions and 1 deletions
@@ -297,6 +297,7 @@ export function AdminGameReviewsPage({ token, onUnauthorized }: PageProps) {
emptyText="暂无评价。"
emptyVariant="text"
size="wide"
tableClassName="admin-game-reviews-table"
columns={[
{ key: 'game', label: '游戏' },
{ key: 'author', label: '评价用户' },
@@ -334,7 +335,7 @@ export function AdminGameReviewsPage({ token, onUnauthorized }: PageProps) {
</td>
<td>{formatAdminDateTime(review.createdAt)}</td>
<td>{formatAdminDateTime(review.updatedAt)}</td>
<td>
<td className="admin-game-reviews-actions-cell">
<AdminActionRow>
<AdminButton
variant="secondary"
+16
View File
@@ -3618,3 +3618,19 @@ button:disabled {
.admin-game-author-cell {
min-width: 190px;
}
/*
* 游戏评价列表(AdminGameReviewsPage)专属排布,选择器全部框在本页表格内,
* 不影响其它后台页面:操作列按内容取宽且按钮组不换行,避免「删除」被挤到
* 第二行、与「查看详情」「隐藏」错行。做法与 .admin-game-actions-cell 保持一致。
*/
.admin-game-reviews-table th:last-child,
.admin-game-reviews-table td.admin-game-reviews-actions-cell {
width: 1%;
white-space: nowrap;
}
.admin-game-reviews-actions-cell .admin-action-row {
flex-wrap: nowrap;
justify-content: flex-end;
}