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:
1 parent
30473f886d
commit
0504d284e2
2 files changed
+6
-4
No files matched your search
@@ -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>
|
||||
) : (
|
||||
|
||||
Reference in new issue
Block a user