araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Styling and removing unnecessary ai-generated css

Browse source
This commit is contained in:
araemer 2025-11-05 20:27:45 +01:00
parent 9e7ad622f9
commit e539f9201b
1 changed files with 19 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/src/components/users/UserManagementPage.tsx
View file

@ -101,37 +101,35 @@ export default function UserManagementPage() {
return ( return (
<PageContainer> <PageContainer>
<ContentBackground> <ContentBackground>
<StickyHeader> <StickyHeader className={"flex justify-between items-center"}>
<div className="flex justify-between items-center"> <h1>Benutzerverwaltung</h1>
<h1>Benutzerverwaltung</h1> <ButtonGroupLayout>
<ButtonGroupLayout> {isAdmin && (
{isAdmin && ( <Button
<Button icon={Plus}
icon={Plus} onClick={handleAddUser}
onClick={handleAddUser} text="Neuer Benutzer"
text="Neuer Benutzer" buttonType={ButtonType.PrimaryButton}
buttonType={ButtonType.PrimaryButton}
/>
)}
<ButtonLink
icon={X}
to={getRecipeListUrl()}
/> />
</ButtonGroupLayout> )}
</div> <ButtonLink
icon={X}
to={getRecipeListUrl()}
/>
</ButtonGroupLayout>
</StickyHeader> </StickyHeader>
<ContentBody> <ContentBody>
<div className="flex flex-col md:flex-row gap-6"> <div className="flex flex-col md:flex-row gap-6">
{/* User List */} {/* User List @todo selector component!*/}
<div className="md:w-1/3 border-r border-gray-300"> <div className="md:w-1/3 border-r border-gray-300">
<h2 className="mb-2 text-lg font-semibold">Benutzer</h2> <h2>Benutzer</h2>
<ul> <ul>
{users.map((user) => ( {users.map((user) => (
<li <li
key={user.id ?? user.userName} key={user.id ?? user.userName}
className={clsx( className={clsx(
"p-2 cursor-pointer rounded hover:bg-gray-200", "p-2 hover:bg-gray-200",
selectedUser?.id === user.id && "bg-gray-300 font-semibold" selectedUser?.id === user.id && "bg-gray-300 font-semibold"
)} )}
onClick={() => handleSelectUser(user)} onClick={() => handleSelectUser(user)}
@ -146,7 +144,7 @@ export default function UserManagementPage() {
<div className="md:w-2/3"> <div className="md:w-2/3">
{selectedUser ? ( {selectedUser ? (
<div> <div>
<h2 className="text-lg font-semibold mb-4"> <h2>
{selectedUser.id ? "Benutzer bearbeiten" : "Neuen Benutzer anlegen"} {selectedUser.id ? "Benutzer bearbeiten" : "Neuen Benutzer anlegen"}
</h2> </h2>
<form <form