fix(admin): Halter-Spalten verrutschen nicht mehr, Lade-Kreis ohne Scrollbalken

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
adminandClaude Opus 5.5 committed 2026-10-05 08:25:24 +02:00
1 parent 30473f886d
commit 0504d284e2
2 files changed
+6 -4

No files matched your search

+3 -3
View File
@@ -181,7 +181,7 @@ export default function AdminUsersPage() {
<p className="rounded-2xl border border-dashed border-border px-4 py-12 text-center text-sm text-muted-foreground">Keine Halter für diese Suche.</p>
) : (
<div className="overflow-hidden rounded-2xl border border-border bg-card">
<div className="hidden grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_auto] gap-4 border-b border-border px-5 py-2.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground lg:grid">
<div className="hidden grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_12rem] gap-4 border-b border-border px-5 py-2.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground lg:grid">
<span>Halter</span>
<span>Tiere</span>
<span>Status</span>
@@ -195,7 +195,7 @@ export default function AdminUsersPage() {
const firstPet = user.pets[0];
return (
<li key={user.id} className="transition-colors hover:bg-muted/40">
<div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 px-5 py-3.5 lg:grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_auto]">
<div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 px-5 py-3.5 lg:grid-cols-[minmax(0,2.2fr)_minmax(0,2fr)_minmax(0,1.4fr)_minmax(0,0.9fr)_12rem]">
<button
type="button"
onClick={() => setExpandedId(isExpanded ? null : user.id)}
@@ -240,7 +240,7 @@ export default function AdminUsersPage() {
<span className="hidden text-sm text-muted-foreground lg:block">{user.adminRole ? ADMIN_ROLE_LABEL[user.adminRole.role] : "–"}</span>
<div className="col-start-2 row-start-1 flex items-center gap-1 lg:col-start-auto lg:row-start-auto">
<div className="col-start-2 row-start-1 flex items-center justify-end gap-1 lg:col-start-auto lg:row-start-auto">
{firstPet && (
<button
type="button"
@@ -178,7 +178,9 @@ export function UserActionDialogs({ target, onClose }: UserActionDialogsProps) {
</DialogHeader>
<div className="max-h-56 space-y-2 overflow-y-auto">
{isLoadingWarnings ? (
<Loader2 className="mx-auto h-5 w-5 animate-spin text-muted-foreground" aria-label="Wird geladen" />
<div className="flex justify-center py-4">
<Loader2 className="h-5 w-5 animate-spin text-muted-foreground" aria-label="Wird geladen" />
</div>
) : warnings.length === 0 ? (
<p className="rounded-lg border border-dashed border-border px-3 py-4 text-center text-sm text-muted-foreground">Noch keine Verwarnungen.</p>
) : (