Matthias-Claudius-Schule/borrow-system
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved design of the error message

Browse Source
This commit is contained in:
Theis Gaedigk
2025-09-30 13:06:49 +02:00
parent bf36a6605f
commit 04453fd885
1 changed files with 56 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
admin/src/components/ChangePWform.tsx
View File

@@ -55,7 +55,9 @@ const ChangePWform: React.FC<ChangePWformProps> = ({
</Field.Root> </Field.Root>
</Stack> </Stack>
</Card.Body> </Card.Body>
<Card.Footer justifyContent="flex-end" gap="2"> <Card.Footer gap="2">
<Stack w="full" gap="3">
<Stack direction="row" justify="flex-end" gap="2">
<Button variant="outline" onClick={onClose}> <Button variant="outline" onClick={onClose}>
Abbrechen Abbrechen
</Button> </Button>
@@ -64,7 +66,9 @@ const ChangePWform: React.FC<ChangePWformProps> = ({
onClick={async () => { onClick={async () => {
const newPassword = const newPassword =
( (
document.getElementById("new_password") as HTMLInputElement document.getElementById(
"new_password"
) as HTMLInputElement
)?.value.trim() || ""; )?.value.trim() || "";
const confirmNewPassword = const confirmNewPassword =
( (
@@ -98,6 +102,8 @@ const ChangePWform: React.FC<ChangePWformProps> = ({
> >
Ändern Ändern
</Button> </Button>
</Stack>
{showSubAlert && ( {showSubAlert && (
<Alert.Root status="error"> <Alert.Root status="error">
<Alert.Indicator /> <Alert.Indicator />
@@ -106,6 +112,7 @@ const ChangePWform: React.FC<ChangePWformProps> = ({
</Alert.Content> </Alert.Content>
</Alert.Root> </Alert.Root>
)} )}
</Stack>
</Card.Footer> </Card.Footer>
</Card.Root> </Card.Root>
</div> </div>