timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Actually works!

Browse Source
This commit is contained in:
Timothy Pidashev
2024-03-17 19:48:53 -07:00
parent 998841e1e7
commit ed1dc91bd7
8 changed files with 16 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/package-lock.json generated
View File

@@ -15,11 +15,11 @@
"react-icons": "^5.0.1"
},
"devDependencies": {
"autoprefixer": "^10.0.1",
"autoprefixer": "^10.4.18",
"eslint": "^8",
"eslint-config-next": "14.1.3",
"postcss": "^8",
"tailwindcss": "^3.3.0"
"postcss": "^8.4.36",
"tailwindcss": "^3.4.1"
}
},
"node_modules/@aashutoshrathi/word-wrap": {

6
src/web/package.json
View File

@@ -16,10 +16,10 @@
"react-icons": "^5.0.1"
},
"devDependencies": {
"autoprefixer": "^10.0.1",
"autoprefixer": "^10.4.18",
"eslint": "^8",
"eslint-config-next": "14.1.3",
"postcss": "^8",
"tailwindcss": "^3.3.0"
"postcss": "^8.4.36",
"tailwindcss": "^3.4.1"
}
}

6
src/web/src/app/globals.css
View File

@@ -1,3 +1,3 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

6
src/web/src/app/layout.js
View File

@@ -1,5 +1,5 @@
// Imports
import "@/styles/tailwind.css";
import "@/app/globals.css";
import Theme from "@/app/theme";
import Header from "@/components/header";
import Footer from "@/components/footer";
@@ -14,10 +14,10 @@ export const metadata = {
export default function Layout({children}) {
return (
<html lang="en" suppressHydrationWarning>
<body>
<body className="bg-gray-50 dark:bg-slate-800">
<Theme>
<Header />
<main className="dark:bg-red-1">
<main>
{children}
</main>
<Footer />

2
src/web/src/components/header.jsx
View File

@@ -29,7 +29,7 @@ const navItems= [
const Header = () => {
return (
<div className="dark:bg-red-1">
<div className="text-gray-800 hover:text-blue-500 cursor-pointer">
Navbar
</div>
);

3
src/web/src/styles/tailwind.css
View File

@@ -1,3 +0,0 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

70
src/web/tailwind.config.js
View File

@@ -1,77 +1,11 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/pages/*.{js,ts,jsx,tsx,mdx}",
"./src/components/*.{js,ts,jsx,tsx,mdx}",
"./src/app/*.{js,ts,jsx,tsx,mdx}",
"./src/**/*.{js,ts,jsx,tsx,mdx}"
],
darkMode: 'class',
darkMode: "class",
theme: {
extend: {
colors: {
light:{
DEFAULT: "#fbf1c7",
red: {
1: "#cc241d",
2: "#9d0006"
},
orange: {
1: "#d65d0e",
2: "#af3a03"
},
green: {
1: "#98971a",
2: "#79740e"
},
yellow: {
1: "#d79921",
2: "#b57614"
},
blue: {
1: "#458588",
2: "#076678"
},
purple: {
1: "#b16286",
2: "#8f3f71"
},
aqua: {
1: "#689d6a",
2: "#427b58"
},
},
dark: {
DEFAULT: "#282828",
red: {
1: "#cc241d",
2: "#fb4934"
},
orange: {
1: "#d65d0e",
2: "#fe8019"
},
green: {
1: "#98971a",
2: "#b8bb26"
},
yellow: {
1: "#d79921",
2: "#fabd2f"
},
blue: {
1: "#458588",
2: "#83a598"
},
purple: {
1: "#b16286",
2: "#d3869b"
},
aqua: {
1: "#689d6a",
2: "#8ec07c"
},
},
},
},
},
plugins: [],