create-vitnode-app 0.0.9-canary.12 → 0.0.9-canary.13

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.
Files changed (5) hide show
  1. package/package.json +2 -2
  2. package/templates/basic/apps/frontend/app/{global.css → [locale]/global.css} +7 -7
  3. package/templates/basic/apps/frontend/app/[locale]/layout.tsx +1 -0
  4. package/templates/basic/apps/frontend/app/layout.tsx +0 -2
  5. package/templates/basic/apps/frontend/plugins/welcome/templates/default-page.tsx +26 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-vitnode-app",
3
- "version": "0.0.9-canary.12",
3
+ "version": "0.0.9-canary.13",
4
4
  "description": "Create a new VitNode app in seconds.",
5
5
  "author": "VitNode Team",
6
6
  "license": "MIT",
@@ -42,7 +42,7 @@
42
42
  "ora": "^8.0.1",
43
43
  "tsup": "^8.2.4",
44
44
  "typescript": "^5.5.4",
45
- "eslint-config-typescript-vitnode": "0.0.9-canary.12"
45
+ "eslint-config-typescript-vitnode": "0.0.9-canary.13"
46
46
  },
47
47
  "scripts": {
48
48
  "lint": "eslint .",
package/templates/basic/apps/frontend/app/{global.css → [locale]/global.css} RENAMED
@@ -42,23 +42,23 @@
42
42
  }
43
43
 
44
44
  .dark {
45
- --background: 216 32% 7%;
45
+ --background: 220 11% 7%;
46
46
  --foreground: 0 0% 98%;
47
- --card: 216 32% 10%;
47
+ --card: 225 11% 10%;
48
48
  --card-foreground: 0 0% 98%;
49
49
  /* --popover: var(--card); */
50
50
  /* --popover-foreground: var(--card-foreground); */
51
51
  --primary: 220 83% 60%;
52
52
  --primary-foreground: 220 40% 98%;
53
- --secondary: 222 25% 18%;
53
+ --secondary: 216 10% 18%;
54
54
  --secondary-foreground: 0 0% 98%;
55
- --muted: 216 32% 11%;
56
- --muted-foreground: 216 18% 64%;
57
- --accent: 216 32% 14%;
55
+ --muted: 216 3% 10%;
56
+ --muted-foreground: 216 0% 68%;
57
+ --accent: 216 3% 18%;
58
58
  --accent-foreground: 0 0% 98%;
59
59
  --destructive: 359 78% 55%;
60
60
  --destructive-foreground: 210 40% 98%;
61
- --border: 216 25% 16%;
61
+ --border: 228 10% 16%;
62
62
  /* --input: var(--border); */
63
63
  /* --ring: var(--primary); */
64
64
  --cover: 216 64% 39%;
package/templates/basic/apps/frontend/app/[locale]/layout.tsx CHANGED
@@ -5,6 +5,7 @@ import {
5
5
  RootLayoutProps,
6
6
  generateMetadataRootLayout,
7
7
  } from 'vitnode-frontend/views/layout/root-layout';
8
+ import './global.css';
8
9
 
9
10
  export const generateMetadata = generateMetadataRootLayout;
10
11
 
package/templates/basic/apps/frontend/app/layout.tsx CHANGED
@@ -1,5 +1,3 @@
1
- import './global.css';
2
-
3
1
  export default async function RootLayout({
4
2
  children,
5
3
  }: {
package/templates/basic/apps/frontend/plugins/welcome/templates/default-page.tsx CHANGED
@@ -1,38 +1,39 @@
1
1
  import { LogoVitNode } from 'vitnode-frontend/components/logo-vitnode';
2
- import { buttonVariants } from 'vitnode-frontend/components/ui/button';
2
+ import { Button } from 'vitnode-frontend/components/ui/button';
3
3
  import { Link } from 'vitnode-frontend/navigation';
4
- import { BookIcon, KeyRoundIcon } from 'lucide-react';
5
4
 
6
5
  export default function DefaultPage() {
7
6
  return (
8
- <main className="container mt-10 flex max-w-lg flex-col items-center justify-center gap-8 text-center">
9
- <LogoVitNode className="w-48" />
7
+ <main className="container my-10 flex max-w-5xl flex-wrap items-center justify-between gap-8 px-8 sm:px-16">
8
+ <div className="max-w-md space-y-4">
9
+ <h1 className="text-balance text-3xl font-bold tracking-tight md:text-4xl">
10
+ Ready to build?
11
+ </h1>
10
12
 
11
- <div className="space-y-1">
12
- <h1 className="text-3xl font-bold">Ready to build?</h1>
13
-
14
- <p className="text-muted-foreground">
15
- Dive in and install your first plugin! Or, if you&apos;re feeling
16
- adventurous, create your own masterpiece.
13
+ <p className="text-muted-foreground text-pretty">
14
+ Dive in and install or create your first plugin!
17
15
  </p>
18
- </div>
19
16
 
20
- <div className="flex flex-wrap items-center justify-center gap-4">
21
- <Link href="/admin" target="_blank" className={buttonVariants()}>
22
- <KeyRoundIcon /> Go to AdminCP
23
- </Link>
17
+ <div className="flex flex-wrap items-center gap-2 md:gap-4">
18
+ <Button className="rounded-full px-6" asChild>
19
+ <Link href="/admin" target="_blank">
20
+ Go to AdminCP
21
+ </Link>
22
+ </Button>
24
23
 
25
- <Link
26
- href="https://vitnode.com/"
27
- target="_blank"
28
- rel="noopener noreferrer"
29
- className={buttonVariants({
30
- variant: 'ghost',
31
- })}
32
- >
33
- <BookIcon /> Read our Docs
34
- </Link>
24
+ <Button className="rounded-full px-6" variant="ghost" asChild>
25
+ <Link
26
+ href="https://vitnode.com/docs"
27
+ target="_blank"
28
+ rel="noopener noreferrer"
29
+ >
30
+ Read our Docs
31
+ </Link>
32
+ </Button>
33
+ </div>
35
34
  </div>
35
+
36
+ <LogoVitNode className="w-60" />
36
37
  </main>
37
38
  );
38
39
  }