noavatar/my-simple-blog-frontend-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: noavatar:116d061e812ff18d53a50b2cb977d700ad51a4a1
Branches Tags
noavatar:main
..
compare: noavatar:a0caa8d8b11d797e6e538f2c7326c920aa195638
Branches Tags
noavatar:main

2 Commits
116d061e81 ... a0caa8d8b1

Author SHA1 Message Date
NoAvatar
a0caa8d8b1 Integrate NextUI 2024-10-17 06:03:37 +10:00
NoAvatar
bcb49cafcd Update metadata & html lang="ru" 2024-10-17 04:57:54 +10:00
3 changed files with 34 additions and 31 deletions
Show Stats Expand all files Collapse all files

24
src/app/globals.css
View File

@ -1,27 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--background: #ffffff;
--foreground: #171717;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}
@layer utilities {
.text-balance {
text-wrap: balance;
}
}

19
src/app/layout.tsx
View File

@ -3,6 +3,7 @@ import localFont from "next/font/local";
import "./globals.css";
import Header from "./components/section/Header";
import Footer from "./components/section/Footer";
import { NextUIProvider } from "@nextui-org/react";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
@ -16,8 +17,8 @@ const geistMono = localFont({
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: "Сайт простого блога на NextJS",
description: "Клиентское приложения для простого блога",
};
export default function RootLayout({
@ -26,13 +27,19 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en">
<html lang="ru">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<Header/>
{children}
<Footer/>
<NextUIProvider>
<main className="text-foreground bg-background">
<Header/>
<article>
{children}
</article>
<Footer />
</main>
</NextUIProvider>
</body>
</html>
);

22
tailwind.config.ts
View File

@ -1,7 +1,9 @@
import type { Config } from "tailwindcss";
import {nextui} from "@nextui-org/react"
const config: Config = {
content: [
"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
@ -14,6 +16,24 @@ const config: Config = {
},
},
},
plugins: [],
darkMode: "media",
plugins: [nextui({
prefix: 'nextui',
defaultTheme: 'dark',
themes: {
dark: {
colors: {
foreground: '#FBFBFB',
background: '#101010'
}
},
light: {
colors: {
foreground: '#101010',
background: '#FBFBFB'
}
}
}
})],
};
export default config;