veryfront 0.0.37 → 0.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai/components.js +34 -23
- package/dist/ai/components.js.map +2 -2
- package/dist/ai/index.js +1 -1
- package/dist/ai/index.js.map +1 -1
- package/dist/cli.js +64 -54
- package/dist/components.js +1 -1
- package/dist/components.js.map +1 -1
- package/dist/config.js +1 -1
- package/dist/config.js.map +1 -1
- package/dist/data.js +1 -1
- package/dist/data.js.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +2 -2
- package/dist/templates/ai/app/layout.tsx +3 -10
- package/dist/templates/app/app/layout.tsx +6 -28
- package/dist/templates/blog/app/layout.tsx +27 -36
- package/dist/templates/docs/app/layout.tsx +11 -24
- package/dist/templates/minimal/app/layout.tsx +3 -12
- package/package.json +1 -1
|
@@ -4,15 +4,8 @@ export default function RootLayout({
|
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
}) {
|
|
6
6
|
return (
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
11
|
-
<script src="https://cdn.tailwindcss.com"></script>
|
|
12
|
-
</head>
|
|
13
|
-
<body className="h-full bg-slate-50 dark:bg-slate-900">
|
|
14
|
-
{children}
|
|
15
|
-
</body>
|
|
16
|
-
</html>
|
|
7
|
+
<div className="h-full bg-slate-50 dark:bg-slate-900">
|
|
8
|
+
{children}
|
|
9
|
+
</div>
|
|
17
10
|
);
|
|
18
11
|
}
|
|
@@ -13,33 +13,11 @@ export default function RootLayout({
|
|
|
13
13
|
children: React.ReactNode
|
|
14
14
|
}) {
|
|
15
15
|
return (
|
|
16
|
-
<
|
|
17
|
-
<
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/>
|
|
23
|
-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
24
|
-
<style>{`
|
|
25
|
-
body { font-family: 'Inter', sans-serif; }
|
|
26
|
-
.animate-blob { animation: blob 7s infinite; }
|
|
27
|
-
.animation-delay-2000 { animation-delay: 2s; }
|
|
28
|
-
.animation-delay-4000 { animation-delay: 4s; }
|
|
29
|
-
@keyframes blob {
|
|
30
|
-
0% { transform: translate(0px, 0px) scale(1); }
|
|
31
|
-
33% { transform: translate(30px, -50px) scale(1.1); }
|
|
32
|
-
66% { transform: translate(-20px, 20px) scale(0.9); }
|
|
33
|
-
100% { transform: translate(0px, 0px) scale(1); }
|
|
34
|
-
}
|
|
35
|
-
`}</style>
|
|
36
|
-
</head>
|
|
37
|
-
<body className="bg-slate-50 text-slate-900 antialiased">
|
|
38
|
-
<AuthProvider>
|
|
39
|
-
{children}
|
|
40
|
-
<Toaster />
|
|
41
|
-
</AuthProvider>
|
|
42
|
-
</body>
|
|
43
|
-
</html>
|
|
16
|
+
<AuthProvider>
|
|
17
|
+
<div className="min-h-screen bg-slate-50 text-slate-900 antialiased">
|
|
18
|
+
{children}
|
|
19
|
+
<Toaster />
|
|
20
|
+
</div>
|
|
21
|
+
</AuthProvider>
|
|
44
22
|
);
|
|
45
23
|
}
|
|
@@ -11,44 +11,35 @@ export default function RootLayout({
|
|
|
11
11
|
children: React.ReactNode
|
|
12
12
|
}) {
|
|
13
13
|
return (
|
|
14
|
-
<
|
|
15
|
-
<
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
14
|
+
<div className="min-h-screen bg-gray-50">
|
|
15
|
+
<header className="bg-white shadow-sm">
|
|
16
|
+
<nav className="max-w-4xl mx-auto px-4 py-4">
|
|
17
|
+
<div className="flex justify-between items-center">
|
|
18
|
+
<a href="/" className="text-xl font-bold text-gray-900">
|
|
19
|
+
My Blog
|
|
20
|
+
</a>
|
|
21
|
+
<div className="flex gap-6">
|
|
22
|
+
<a href="/" className="text-gray-600 hover:text-gray-900">
|
|
23
|
+
Home
|
|
24
|
+
</a>
|
|
25
|
+
<a href="/about" className="text-gray-600 hover:text-gray-900">
|
|
26
|
+
About
|
|
27
|
+
</a>
|
|
28
|
+
<a href="/archive" className="text-gray-600 hover:text-gray-900">
|
|
29
|
+
Archive
|
|
28
30
|
</a>
|
|
29
|
-
<div className="flex gap-6">
|
|
30
|
-
<a href="/" className="text-gray-600 hover:text-gray-900">
|
|
31
|
-
Home
|
|
32
|
-
</a>
|
|
33
|
-
<a href="/about" className="text-gray-600 hover:text-gray-900">
|
|
34
|
-
About
|
|
35
|
-
</a>
|
|
36
|
-
<a href="/archive" className="text-gray-600 hover:text-gray-900">
|
|
37
|
-
Archive
|
|
38
|
-
</a>
|
|
39
|
-
</div>
|
|
40
31
|
</div>
|
|
41
|
-
</nav>
|
|
42
|
-
</header>
|
|
43
|
-
<main className="max-w-4xl mx-auto px-4 py-8">
|
|
44
|
-
{children}
|
|
45
|
-
</main>
|
|
46
|
-
<footer className="bg-gray-100 mt-16">
|
|
47
|
-
<div className="max-w-4xl mx-auto px-4 py-8 text-center text-gray-600">
|
|
48
|
-
© 2024 My Blog. Built with Veryfront.
|
|
49
32
|
</div>
|
|
50
|
-
</
|
|
51
|
-
</
|
|
52
|
-
|
|
33
|
+
</nav>
|
|
34
|
+
</header>
|
|
35
|
+
<main className="max-w-4xl mx-auto px-4 py-8">
|
|
36
|
+
{children}
|
|
37
|
+
</main>
|
|
38
|
+
<footer className="bg-gray-100 mt-16">
|
|
39
|
+
<div className="max-w-4xl mx-auto px-4 py-8 text-center text-gray-600">
|
|
40
|
+
© 2024 My Blog. Built with Veryfront.
|
|
41
|
+
</div>
|
|
42
|
+
</footer>
|
|
43
|
+
</div>
|
|
53
44
|
);
|
|
54
45
|
}
|
|
@@ -13,29 +13,16 @@ export default function RootLayout({
|
|
|
13
13
|
children: React.ReactNode
|
|
14
14
|
}) {
|
|
15
15
|
return (
|
|
16
|
-
<
|
|
17
|
-
<
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
</head>
|
|
28
|
-
<body className="bg-white">
|
|
29
|
-
<Header />
|
|
30
|
-
<div className="flex">
|
|
31
|
-
<Sidebar />
|
|
32
|
-
<main className="flex-1 px-8 py-6 max-w-4xl">
|
|
33
|
-
<article className="prose prose-slate max-w-none">
|
|
34
|
-
{children}
|
|
35
|
-
</article>
|
|
36
|
-
</main>
|
|
37
|
-
</div>
|
|
38
|
-
</body>
|
|
39
|
-
</html>
|
|
16
|
+
<div className="min-h-screen bg-white">
|
|
17
|
+
<Header />
|
|
18
|
+
<div className="flex">
|
|
19
|
+
<Sidebar />
|
|
20
|
+
<main className="flex-1 px-8 py-6 max-w-4xl">
|
|
21
|
+
<article className="prose prose-slate max-w-none">
|
|
22
|
+
{children}
|
|
23
|
+
</article>
|
|
24
|
+
</main>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
40
27
|
);
|
|
41
28
|
}
|
|
@@ -4,17 +4,8 @@ export default function RootLayout({
|
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
}) {
|
|
6
6
|
return (
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<link
|
|
11
|
-
rel="stylesheet"
|
|
12
|
-
href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css"
|
|
13
|
-
/>
|
|
14
|
-
</head>
|
|
15
|
-
<body className="p-8">
|
|
16
|
-
{children}
|
|
17
|
-
</body>
|
|
18
|
-
</html>
|
|
7
|
+
<div className="p-8">
|
|
8
|
+
{children}
|
|
9
|
+
</div>
|
|
19
10
|
);
|
|
20
11
|
}
|