fixed dom requirement issues

This commit is contained in:
Oliver Bryan
2026-01-16 13:13:16 +00:00
parent 4d6ae8cdae
commit df6523df72

View File

@@ -8,7 +8,7 @@ import Avatar from "@/components/avatar";
import { ServerConfigurationDialog } from "@/components/server-configuration-dialog"; import { ServerConfigurationDialog } from "@/components/server-configuration-dialog";
import { useSession } from "@/components/session-provider"; import { useSession } from "@/components/session-provider";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"; import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Field } from "@/components/ui/field"; import { Field } from "@/components/ui/field";
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
import { UploadAvatar } from "@/components/upload-avatar"; import { UploadAvatar } from "@/components/upload-avatar";
@@ -154,19 +154,21 @@ export default function LogInForm() {
<X /> <X />
</Button> </Button>
<AlertTriangle className="w-16 h-16 text-yellow-500" strokeWidth={1.5} /> <AlertTriangle className="w-16 h-16 text-yellow-500" strokeWidth={1.5} />
<p className="text-center text-sm text-muted-foreground font-500"> <div className="text-center text-sm text-muted-foreground font-500">
This application is currently under construction. Your data is very likely to be lost <p>
at some point. This application is currently under construction. Your data is very likely to be
<pre> </pre> lost at some point.
<p className="font-700 underline underline-offset-3 text-foreground/85 decoration-yellow-500"> </p>
<p className="font-700 underline underline-offset-3 text-foreground/85 decoration-yellow-500 mt-2">
It is not recommended for production use. It is not recommended for production use.
</p> </p>
But you're more than welcome to have a look around! <p className="mt-2">But you're more than welcome to have a look around!</p>
<Dialog open={loginDetailsOpen} onOpenChange={setLoginDetailsOpen}> <Dialog open={loginDetailsOpen} onOpenChange={setLoginDetailsOpen}>
<DialogTrigger className="text-primary hover:text-personality cursor-pointer mt-2"> <DialogTrigger className="text-primary hover:text-personality cursor-pointer mt-2">
Login Details Login Details
</DialogTrigger> </DialogTrigger>
<DialogContent className="w-xs" showCloseButton={false}> <DialogContent className="w-xs" showCloseButton={false}>
<DialogTitle className="sr-only">Demo Login Credentials</DialogTitle>
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
{DEMO_USERS.map((user) => ( {DEMO_USERS.map((user) => (
<button <button
@@ -204,7 +206,7 @@ export default function LogInForm() {
</div> </div>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</p> </div>
</div> </div>
)} )}
<div> <div>