Custom app launcher, browser home page, and service monitor.
cute.haus
homelab
react
typescript
add subtle gradient
Aly Raffauf
(Apr 26, 2026, 12:14 PM EDT)
a3f5181b
19ae0306
+7
-2
+1
-1
src/Layout.tsx
+1
-1
src/Layout.tsx
···
2
2
3
3
export default function Layout({ children }: { children: React.ReactNode }) {
4
4
return (
5
-
<main className="min-h-screen p-8 max-w-6xl mx-auto bg-zinc-900">
5
+
<main className="min-h-screen p-8 max-w-6xl mx-auto">
6
6
{/*<header className="mb-12">
7
7
<h1 className="text-4xl font-bold">cute.haus</h1>
8
8
</header>*/}
+6
-1
src/index.css
+6
-1
src/index.css
···
1
1
@import "tailwindcss";
2
2
3
3
body {
4
-
background: #18181b;
4
+
background:
5
+
radial-gradient(ellipse 120% 80% at 0% 0%, rgba(244, 63, 94, 0.12), transparent 70%),
6
+
radial-gradient(ellipse 120% 80% at 100% 100%, rgba(99, 102, 241, 0.12), transparent 70%),
7
+
linear-gradient(to bottom, #18181b, #0c0c0e);
8
+
background-attachment: fixed;
9
+
min-height: 100vh;
5
10
}