Skip to content

Commit

Permalink
update templates
Browse files Browse the repository at this point in the history
  • Loading branch information
@ypessoa
ypessoa committed May 26, 2024
1 parent 527e118 commit 57fab4a
Show file tree
Hide file tree
Showing 26 changed files with 66 additions and 42 deletions.
2 changes: 1 addition & 1 deletion packages/create-next-app/templates/app-tw/js/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,5 +17,5 @@
body {
color: var(--foreground);
background: var(--background);
font-synthesis: none;
font-family: Arial, Helvetica, sans-serif;
}
2 changes: 2 additions & 0 deletions packages/create-next-app/templates/app-tw/js/app/layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,12 @@ import "./globals.css";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export const metadata = {
Expand Down
10 changes: 8 additions & 2 deletions packages/create-next-app/templates/app-tw/js/app/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,10 @@ import Image from "next/image";

export default function Home() {
return (
<div className="font-sans grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20">
<div
className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20"
style={{ fontFamily: "var(--font-geist-sans)" }}
>
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
<Image
className="dark:invert"
Expand All @@ -12,7 +15,10 @@ export default function Home() {
height={38}
priority
/>
<ol className="font-mono list-inside list-decimal text-sm text-center sm:text-left">
<ol
className="list-inside list-decimal text-sm text-center sm:text-left"
style={{ fontFamily: "var(--font-geist-mono)" }}
>
<li className="mb-2">
Get started by editing{" "}
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
Expand Down
4 changes: 0 additions & 4 deletions packages/create-next-app/templates/app-tw/js/tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,6 @@ module.exports = {
background: "var(--background)",
foreground: "var(--foreground)",
},
fontFamily: {
sans: ["var(--font-geist-sans)"],
mono: ["var(--font-geist-mono)"],
},
},
},
plugins: [],
Expand Down
2 changes: 1 addition & 1 deletion packages/create-next-app/templates/app-tw/ts/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,5 +17,5 @@
body {
color: var(--foreground);
background: var(--background);
font-synthesis: none;
font-family: Arial, Helvetica, sans-serif;
}
2 changes: 2 additions & 0 deletions packages/create-next-app/templates/app-tw/ts/app/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,12 @@ import "./globals.css";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export const metadata: Metadata = {
Expand Down
10 changes: 8 additions & 2 deletions packages/create-next-app/templates/app-tw/ts/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,10 @@ import Image from "next/image";

export default function Home() {
return (
<div className="font-sans grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20">
<div
className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20"
style={{ fontFamily: "var(--font-geist-sans)" }}
>
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
<Image
className="dark:invert"
Expand All @@ -12,7 +15,10 @@ export default function Home() {
height={38}
priority
/>
<ol className="font-mono list-inside list-decimal text-sm text-center sm:text-left">
<ol
className="list-inside list-decimal text-sm text-center sm:text-left"
style={{ fontFamily: "var(--font-geist-mono)" }}
>
<li className="mb-2">
Get started by editing{" "}
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
Expand Down
4 changes: 0 additions & 4 deletions packages/create-next-app/templates/app-tw/ts/tailwind.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,6 @@ const config: Config = {
background: "var(--background)",
foreground: "var(--foreground)",
},
fontFamily: {
sans: ["var(--font-geist-sans)"],
mono: ["var(--font-geist-mono)"],
},
},
},
plugins: [],
Expand Down
1 change: 1 addition & 0 deletions packages/create-next-app/templates/app/js/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ body {
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}

* {
Expand Down
2 changes: 2 additions & 0 deletions packages/create-next-app/templates/app/js/app/layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,12 @@ import "./globals.css";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export const metadata = {
Expand Down
4 changes: 1 addition & 3 deletions packages/create-next-app/templates/app/js/app/page.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
min-height: 100svh;
padding: 80px;
gap: 64px;
font-synthesis: none;
font-family: var(--font-geist-sans);
}

@media (prefers-color-scheme: dark) {
Expand Down Expand Up @@ -67,7 +67,6 @@
height: 48px;
padding: 0 20px;
border: none;
font-family: var(--font-geist-sans);
border: 1px solid transparent;
transition:
background 0.2s,
Expand All @@ -94,7 +93,6 @@ a.secondary {
}

.footer {
font-family: var(--font-geist-sans);
grid-row-start: 3;
display: flex;
gap: 24px;
Expand Down
1 change: 1 addition & 0 deletions packages/create-next-app/templates/app/ts/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ body {
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}

* {
Expand Down
2 changes: 2 additions & 0 deletions packages/create-next-app/templates/app/ts/app/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,12 @@ import "./globals.css";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export const metadata: Metadata = {
Expand Down
4 changes: 1 addition & 3 deletions packages/create-next-app/templates/app/ts/app/page.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
min-height: 100svh;
padding: 80px;
gap: 64px;
font-synthesis: none;
font-family: var(--font-geist-sans);
}

@media (prefers-color-scheme: dark) {
Expand Down Expand Up @@ -67,7 +67,6 @@
height: 48px;
padding: 0 20px;
border: none;
font-family: var(--font-geist-sans);
border: 1px solid transparent;
transition:
background 0.2s,
Expand All @@ -94,7 +93,6 @@ a.secondary {
}

.footer {
font-family: var(--font-geist-sans);
grid-row-start: 3;
display: flex;
gap: 24px;
Expand Down
16 changes: 13 additions & 3 deletions packages/create-next-app/templates/default-tw/js/pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,21 @@ import localFont from "next/font/local";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export default function Home() {
return (
<div
className={`${geistSans.variable} ${geistMono.variable} grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20`}
style={{
fontFamily: "var(--font-geist-sans)",
}}
>
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
<Image
Expand All @@ -24,7 +29,12 @@ export default function Home() {
height={38}
priority
/>
<ol className="font-mono list-inside list-decimal text-sm text-center sm:text-left">
<ol
className="list-inside list-decimal text-sm text-center sm:text-left"
style={{
fontFamily: "var(--font-geist-mono)",
}}
>
<li className="mb-2">
Get started by editing{" "}
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
Expand All @@ -34,7 +44,7 @@ export default function Home() {
<li>Save and see your changes instantly.</li>
</ol>

<div className="font-sans flex gap-4 items-center flex-col sm:flex-row">
<div className="flex gap-4 items-center flex-col sm:flex-row">
<a
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
Expand All @@ -60,7 +70,7 @@ export default function Home() {
</a>
</div>
</main>
<footer className="font-sans row-start-3 flex gap-6 flex-wrap items-center justify-center">
<footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
<a
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
Expand Down
2 changes: 1 addition & 1 deletion packages/create-next-app/templates/default-tw/js/styles/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,5 +17,5 @@
body {
color: var(--foreground);
background: var(--background);
font-synthesis: none;
font-family: Arial, Helvetica, sans-serif;
}
4 changes: 0 additions & 4 deletions packages/create-next-app/templates/default-tw/js/tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,6 @@ module.exports = {
background: "var(--background)",
foreground: "var(--foreground)",
},
fontFamily: {
sans: ["var(--font-geist-sans)"],
mono: ["var(--font-geist-mono)"],
},
},
},
plugins: [],
Expand Down
16 changes: 13 additions & 3 deletions packages/create-next-app/templates/default-tw/ts/pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,21 @@ import localFont from "next/font/local";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export default function Home() {
return (
<div
className={`${geistSans.variable} ${geistMono.variable} grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20`}
style={{
fontFamily: "var(--font-geist-sans)",
}}
>
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
<Image
Expand All @@ -24,7 +29,12 @@ export default function Home() {
height={38}
priority
/>
<ol className="font-mono list-inside list-decimal text-sm text-center sm:text-left">
<ol
className="list-inside list-decimal text-sm text-center sm:text-left"
style={{
fontFamily: "var(--font-geist-mono)",
}}
>
<li className="mb-2">
Get started by editing{" "}
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
Expand All @@ -34,7 +44,7 @@ export default function Home() {
<li>Save and see your changes instantly.</li>
</ol>

<div className="font-sans flex gap-4 items-center flex-col sm:flex-row">
<div className="flex gap-4 items-center flex-col sm:flex-row">
<a
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
Expand All @@ -60,7 +70,7 @@ export default function Home() {
</a>
</div>
</main>
<footer className="font-sans row-start-3 flex gap-6 flex-wrap items-center justify-center">
<footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
<a
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
Expand Down
2 changes: 1 addition & 1 deletion packages/create-next-app/templates/default-tw/ts/styles/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,5 +17,5 @@
body {
color: var(--foreground);
background: var(--background);
font-synthesis: none;
font-family: Arial, Helvetica, sans-serif;
}
4 changes: 0 additions & 4 deletions packages/create-next-app/templates/default-tw/ts/tailwind.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,6 @@ const config: Config = {
background: "var(--background)",
foreground: "var(--foreground)",
},
fontFamily: {
sans: ["var(--font-geist-sans)"],
mono: ["var(--font-geist-mono)"],
},
},
},
plugins: [],
Expand Down
2 changes: 2 additions & 0 deletions packages/create-next-app/templates/default/js/pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,12 @@ import styles from "@/styles/Home.module.css";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});

export default function Home() {
Expand Down
4 changes: 1 addition & 3 deletions packages/create-next-app/templates/default/js/styles/Home.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
min-height: 100svh;
padding: 80px;
gap: 64px;
font-synthesis: none;
font-family: var(--font-geist-sans);
}

@media (prefers-color-scheme: dark) {
Expand Down Expand Up @@ -67,7 +67,6 @@
height: 48px;
padding: 0 20px;
border: none;
font-family: var(--font-geist-sans);
border: 1px solid transparent;
transition:
background 0.2s,
Expand All @@ -94,7 +93,6 @@ a.secondary {
}

.footer {
font-family: var(--font-geist-sans);
grid-row-start: 3;
display: flex;
gap: 24px;
Expand Down
1 change: 1 addition & 0 deletions packages/create-next-app/templates/default/js/styles/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ body {
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}

* {
Expand Down
Loading

0 comments on commit 57fab4a

Please sign in to comment.