From 0f415e7bf7f5fd5b3596517960cc2839b03a7cec Mon Sep 17 00:00:00 2001 From: Lumither Tao Date: Wed, 24 Apr 2024 16:24:07 +0800 Subject: [PATCH] ref(global) clean project --- app/globals.css | 80 -------------------------------- app/layout.tsx | 53 ++++++---------------- app/page.tsx | 7 +-- tailwind.config.ts | 111 +++++++-------------------------------------- 4 files changed, 31 insertions(+), 220 deletions(-) diff --git a/app/globals.css b/app/globals.css index b184015..e69de29 100644 --- a/app/globals.css +++ b/app/globals.css @@ -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; - } -} diff --git a/app/layout.tsx b/app/layout.tsx index c6a9d4b..861fd09 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -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 ( - - - - -
-
- { children } -
-
-
- - - - ); + return ( + + {children} + + ); } diff --git a/app/page.tsx b/app/page.tsx index 10889a6..f799f7e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,12 +1,7 @@ export default function Home() { - let info = new Array(200).fill(

test

); return (
- +
); } diff --git a/tailwind.config.ts b/tailwind.config.ts index feb681f..7e4bd91 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -1,97 +1,20 @@ -import type { Config } from 'tailwindcss'; -import { fontFamily } from 'tailwindcss/defaultTheme'; +import type { Config } from "tailwindcss"; -const config = { - darkMode: [ 'class' ], - content: [ - './pages/**/*.{ts,tsx}', - './components/**/*.{ts,tsx}', - './app/**/*.{ts,tsx}', - './src/**/*.{ts,tsx}' - ], - prefix: '', - theme: { - fontFamily: { - sans: [ 'var(--font-sans)', ...fontFamily.sans ] - }, - container: { - center: true, - padding: '2rem', - screens: { - '2xl': '1400px' - } - }, - extend: { - colors: { - 'resolution-blue': { - '50': '#e5f4ff', - '100': '#d0ebff', - '200': '#abd8ff', - '300': '#79bcff', - '400': '#458fff', - '500': '#1c61ff', - '600': '#003fff', - '700': '#0042ff', - '800': '#0039dd', - '900': '#042cab', - '950': '#042086' - }, - border: 'hsl(var(--border))', - input: 'hsl(var(--input))', - ring: 'hsl(var(--ring))', - background: 'hsl(var(--background))', - foreground: 'hsl(var(--foreground))', - primary: { - DEFAULT: 'hsl(var(--primary))', - foreground: 'hsl(var(--primary-foreground))' - }, - secondary: { - DEFAULT: 'hsl(var(--secondary))', - foreground: 'hsl(var(--secondary-foreground))' - }, - destructive: { - DEFAULT: 'hsl(var(--destructive))', - foreground: 'hsl(var(--destructive-foreground))' - }, - muted: { - DEFAULT: 'hsl(var(--muted))', - foreground: 'hsl(var(--muted-foreground))' - }, - accent: { - DEFAULT: 'hsl(var(--accent))', - foreground: 'hsl(var(--accent-foreground))' - }, - popover: { - DEFAULT: 'hsl(var(--popover))', - foreground: 'hsl(var(--popover-foreground))' - }, - card: { - DEFAULT: 'hsl(var(--card))', - foreground: 'hsl(var(--card-foreground))' - } - }, - borderRadius: { - lg: 'var(--radius)', - md: 'calc(var(--radius) - 2px)', - sm: 'calc(var(--radius) - 4px)' - }, - keyframes: { - 'accordion-down': { - from: { height: '0' }, - to: { height: 'var(--radix-accordion-content-height)' } - }, - 'accordion-up': { - from: { height: 'var(--radix-accordion-content-height)' }, - to: { height: '0' } - } - }, - animation: { - 'accordion-down': 'accordion-down 0.2s ease-out', - 'accordion-up': 'accordion-up 0.2s ease-out' - } - } +const config: Config = { + content: [ + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./app/**/*.{js,ts,jsx,tsx,mdx}", + ], + theme: { + extend: { + backgroundImage: { + "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", + "gradient-conic": + "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", + }, }, - plugins: [ require('tailwindcss-animate') ] -} satisfies Config; - + }, + plugins: [], +}; export default config;