ref(global) clean project

This commit is contained in:
lumither committed 2024-04-24 16:24:07 +08:00
1 parent 9917d15714
commit 0f415e7bf7
4 files changed
+31 -220

No files matched your search

-80
View File
@@ -1,80 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 222.2 84% 4.9%;
--radius: 0.5rem;
}
.dark {
--background: radial-gradient(circle at center bottom, rgb(2, 35, 96) 0%, rgb(14, 26, 91) 25%, rgba(2, 0, 36, 1) 61%);
background: var(--background);
background-attachment: fixed;
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}
+13 -40
View File
@@ -1,49 +1,22 @@
import type { Metadata } from 'next';
import './globals.css';
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { Inter as FontSans } from 'next/font/google';
import { cn } from '@/lib/utils';
import React from 'react';
import { ThemeProvider } from '@/components/theme-provider';
import Navbar from '@/app/navbar';
import Footer from '@/app/footer';
const inter = Inter({ subsets: ["latin"] });
const fontSans = FontSans({
subsets: [ 'latin' ],
variable: '--font-sans'
});
export const metadata: Metadata = {
title: 'Lumither\'s blog',
description: 'a little blog site...'
title: "Lumither's site",
description: "a small corner on internet",
};
export default function RootLayout({
children
children,
}: Readonly<{
children: React.ReactNode;
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={ cn(
'min-h-screen bg-background font-sans antialiased',
fontSans.variable
) }>
<ThemeProvider
attribute="class"
defaultTheme="dark"
enableSystem
disableTransitionOnChange
>
<Navbar />
<div className={ 'h-screen' }>
<div className={ 'mt-20 overflow-scroll' }>
{ children }
</div>
<Footer />
</div>
</ThemeProvider>
</body>
</html>
);
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
);
}
+1 -6
View File
@@ -1,12 +1,7 @@
export default function Home() {
let info = new Array(200).fill(<p> test </p>);
return (
<main>
<ul>
{ info.map((item, id) => (
<li key={ id }> { item } </li>
)) }
</ul>
</main>
);
}