made "under construction" warning a bit nicer

This commit is contained in:
Oliver Bryan
2026-01-08 23:09:01 +00:00
parent 5700f204d9
commit 823ee36c07

View File

@@ -50,15 +50,16 @@ export function Auth({ children }: AuthProviderProps) {
return ( return (
<div className="flex flex-col items-center justify-center gap-4 w-full h-[100vh]"> <div className="flex flex-col items-center justify-center gap-4 w-full h-[100vh]">
{/* under construction warning */} {/* under construction warning */}
<div className="flex flex-col border p-4 items-center border-border/50 bg-border/10 rounded-md gap-2 max-w-sm"> <div className="flex flex-col border p-4 items-center border-border/50 bg-border/10 gap-2 max-w-lg">
<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"> <p className="text-center text-sm text-muted-foreground font-500">
This application is currently under construction. Your data is very likely to be lost This application is currently under construction. Your data is very likely to be lost
at some point. at some point.
<pre> </pre> <pre> </pre>
<p className="font-700 border-b border-yellow-500/50"> <p className="font-700 underline underline-offset-3 text-foreground/85 decoration-yellow-500">
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> </p>
</div> </div>
<LogInForm /> <LogInForm />