skalara/app/layout.tsx
2023-09-18 21:26:42 -04:00

41 lines
1.2 KiB
TypeScript

import "./globals.css";
export const metadata = {
title: "Skalara",
description:
"Automated project management for tech teams and indie developers.",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<main className="min-h-screen flex flex-col">
<div className="fixed bottom-0 left-0 m-8 p-3 text-xs font-mono text-white h-6 w-6 rounded-full flex items-center justify-center bg-gray-700 sm:bg-pink-500 md:bg-orange-500 lg:bg-green-500 xl:bg-blue-500">
<div className="block sm:hidden md:hidden lg:hidden xl:hidden">
al
</div>
<div className="hidden sm:block md:hidden lg:hidden xl:hidden">
sm
</div>
<div className="hidden sm:hidden md:block lg:hidden xl:hidden">
md
</div>
<div className="hidden sm:hidden md:hidden lg:block xl:hidden">
lg
</div>
<div className="hidden sm:hidden md:hidden lg:hidden xl:block">
xl
</div>
</div>
{children}
</main>
</body>
</html>
);
}