xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add tailwind css support

Browse Source
This commit is contained in:
DefectingCat
2023-03-20 16:25:33 +08:00
parent b9f7d0da4a
commit b6fbc66a65
3 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/page.tsx
View File

@ -16,7 +16,7 @@ export const metadata = {
export default function Page() { export default function Page() {
return ( return (
<main className="h-[calc(100vh-142px)] flex justify-center items-center text-xl"> <main className="h-[calc(100vh-142px)] flex justify-center items-center text-xl">
<div className="z-0 flex flex-col w-full h-full max-w-4xl px-4 py-32 text-2xl"> <div className="max-w-4xl flex flex-col w-full h-full px-4 py-32 text-2xl">
<h1 className="flex pb-4 text-5xl"> <h1 className="flex pb-4 text-5xl">
<span className={clsx('font-Aleo font-semibold', styles.gradient)}> <span className={clsx('font-Aleo font-semibold', styles.gradient)}>
Hi there Hi there

4
components/nav-bar.tsx
View File

@ -2,12 +2,10 @@
import { DocSearch } from '@docsearch/react'; import { DocSearch } from '@docsearch/react';
import clsx from 'clsx'; import clsx from 'clsx';
import dynamic from 'next/dynamic';
import Link from 'next/link'; import Link from 'next/link';
import { memo, useEffect, useState } from 'react'; import { memo, useEffect, useState } from 'react';
import { FiMenu } from 'react-icons/fi'; import { FiMenu } from 'react-icons/fi';
import DarkModeBtn from 'components/dark-mode-btn';
const DarkModeBtn = dynamic(() => import('components/dark-mode-btn'));
const txtMenu = [ const txtMenu = [
{ {

1
tailwind.config.js
View File

@ -1,6 +1,7 @@
module.exports = { module.exports = {
darkMode: 'class', darkMode: 'class',
content: [ content: [
'./app/**/*.{js,ts,jsx,tsx,md,mdx}',
'./pages/**/*.{js,ts,jsx,tsx,md,mdx}', './pages/**/*.{js,ts,jsx,tsx,md,mdx}',
'./components/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}',
'./layouts/**/*.{js,ts,jsx,tsx}', './layouts/**/*.{js,ts,jsx,tsx}',