mantine-entity
Version:
A library combining Mantine, TanStack Query, and Mantine React Table for efficient entity management
7 lines (6 loc) • 935 B
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from "@mantine/core";
export default function NotFoundLayout() {
return (_jsx("div", { className: "max-w-screen-xl mx-auto px-5", children: _jsx("div", { className: "min-h-[calc(100vh-20rem)] flex items-center justify-center", children: _jsxs("div", { className: "mt-16 text-center", children: [_jsx("h1", { className: "text-6xl lg:text-9xl font-bold lg:tracking-tight bg-gradient-to-b from-[var(--mantine-color-primary-7)] to-[var(--mantine-color-primary-2)] bg-clip-text text-transparent", children: "404" }), _jsx("p", { className: "text-lg lg:text-2xl font-medium mt-4 ", color: "dimmed", children: "The page you are looking for doesn\u2019t exist." }), _jsx("div", { className: "mt-10", children: _jsx(Button, { component: "a", href: "/", radius: "lg", size: "md", variant: "outline", children: "Back To Home" }) })] }) }) }));
}