Fix UserManagement.jsx page

This commit is contained in:
Mathias Wagner
2025-09-09 13:46:17 +02:00
parent 804b3e577d
commit 8fe30668e0
2 changed files with 20 additions and 12 deletions

View File

@@ -14,7 +14,6 @@ import EmptyState from '@/common/components/EmptyState';
import PageHeader from '@/common/components/PageHeader'; import PageHeader from '@/common/components/PageHeader';
import Avatar from '@/common/components/Avatar'; import Avatar from '@/common/components/Avatar';
import DetailItem, {DetailList} from '@/common/components/DetailItem'; import DetailItem, {DetailList} from '@/common/components/DetailItem';
import FormError from '@/common/components/FormError';
import { import {
PlusIcon, PlusIcon,
PencilIcon, PencilIcon,
@@ -312,9 +311,9 @@ const UserManagement = () => {
size="md" size="md"
> >
<form onSubmit={handleSubmit} className="modal-form"> <form onSubmit={handleSubmit} className="modal-form">
<FormError>{formErrors.general}</FormError> {formErrors.general && (
<div className="form-error">{formErrors.general}</div>
<Input )} <Input
label="Username" label="Username"
name="username" name="username"
value={formData.username} value={formData.username}

View File

@@ -30,6 +30,15 @@
flex-direction: column flex-direction: column
gap: 1.25rem gap: 1.25rem
.form-error
background: #fdeaea
border: 1px solid #f5c6cb
color: #721c24
padding: 0.75rem 1rem
border-radius: var(--radius)
font-size: 0.9rem
font-weight: 500
@media (max-width: 768px) @media (max-width: 768px)
.user-card-header .user-card-header
flex-direction: column flex-direction: column