feat: add UI component files and navigation structure
Added various UI components and navigation elements including: - Section cards and selection components - Social icon SVGs with horizontal/vertical text variants - Table, tabs, and toggle components - Site header and sidebar components - Tooltip and unauthorized page - Project configuration files (tsconfig.json) - Route handlers for health checks - Utility and hook functions for mobile responsiveness
This commit is contained in:
parent
a620991529
commit
f691f5d570
63 changed files with 7956 additions and 2854 deletions
25
app/unauthorized.tsx
Normal file
25
app/unauthorized.tsx
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import { Lock } from "lucide-react"
|
||||
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
|
||||
export default function Unauthorized() {
|
||||
return (
|
||||
<div className="flex min-h-[80vh] items-center justify-center">
|
||||
<Card className="w-full max-w-md">
|
||||
<CardHeader className="space-y-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<Lock className="h-6 w-6 text-amber-500" />
|
||||
<CardTitle className="text-2xl">Unauthorized Access</CardTitle>
|
||||
</div>
|
||||
<CardDescription>Please log in to access this page</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="text-muted-foreground border-b pb-4 text-sm">
|
||||
<p>You need to be authenticated to view the requested resource.</p>
|
||||
<p className="mt-2 font-semibold">Error 401</p>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue