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

Compare commits

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

No commits in common. "a0caa8d8b11d797e6e538f2c7326c920aa195638" and "116d061e812ff18d53a50b2cb977d700ad51a4a1" have entirely different histories.
a0caa8d8b1 ... 116d061e81

3 changed files with 31 additions and 34 deletions
Show Stats Expand all files Collapse all files

24
src/app/globals.css
View File

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

22
tailwind.config.ts
View File

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