Forward/ballistic-builder
3
0
Fork 0
mirror of https://gitea.gofwd.group/dstrawsb/ballistic-builder.git synced 2025-12-06 02:36:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

clean up

Browse Source
This commit is contained in:
Sean S
2024-12-11 14:20:08 -05:00
parent 925cf2ca75
commit 273e310ee3
4 changed files with 48 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/Builder/page.tsx
View File

@@ -3,7 +3,7 @@ import { Button } from "src/components/ui/button";
export default function BuilderPage() { export default function BuilderPage() {
return ( return (
<div className="container mx-auto"> <div className="container mx-auto tactical">
<table className="table-auto border-separate border-spacing-2 border border-slate-500"> <table className="table-auto border-separate border-spacing-2 border border-slate-500">
<thead> <thead>
<tr> <tr>

1
src/app/providers.tsx
View File

@@ -1,7 +1,6 @@
// app/providers.tsx // app/providers.tsx
'use client'; 'use client';
import { ChakraProvider } from '@chakra-ui/react';
export function Providers({ children }: { children: React.ReactNode }) { export function Providers({ children }: { children: React.ReactNode }) {
return ( return (

51
src/components/Header/index.tsx
View File

@@ -1,38 +1,27 @@
import { Box, Flex, Link, Heading } from "@chakra-ui/react";
import NextLink from 'next/link'; import NextLink from 'next/link';
const Header: React.FC = () => { const Header: React.FC = () => {
return ( return (
<> <header style={{ backgroundColor: '#7C8C58', color: 'white', padding: '16px 24px', boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)' }}>
<Box as="header" bg="primary" color="white" px="6" py="4" shadow="md"> <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', maxWidth: '80rem', margin: '0 auto' }}>
<Flex justify="space-between" align="center" maxW="5xl" mx="auto"> <h1 style={{ fontSize: '1.5rem' }}>
<Heading as="h1" size="lg"> <NextLink href="/" passHref>
<a style={{ color: '#374151', textDecoration: 'none' }}>Ballistic Builder</a>
<Link color="#374151" _hover={{ textDecoration: "none" }}> </NextLink>
<NextLink href="/" passHref> Ballistic Builder </NextLink> </h1>
</Link> <nav style={{ display: 'flex', gap: '24px' }}>
<NextLink href="/builder" passHref>
<a style={{ color: '#374151', textDecoration: 'underline' }}>Builder</a>
</Heading> </NextLink>
<Flex as="nav" gap="6"> <NextLink href="/products" passHref>
<a style={{ color: '#374151', textDecoration: 'underline' }}>Products</a>
<Link color="#374151" _hover={{ textDecoration: "underline" }}> </NextLink>
<NextLink href="/builder" passHref> Builder </NextLink> <NextLink href="/auth/signin" passHref>
</Link> <a style={{ color: '#374151', textDecoration: 'underline' }}>Sign In</a>
</NextLink>
</nav>
<Link color="#374151" _hover={{ textDecoration: "underline" }}> </div>
<NextLink href="/products" passHref> Products </NextLink> </header>
</Link>
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
<NextLink href="/auth/signin" passHref> Sign In </NextLink>
</Link>
</Flex>
</Flex>
</Box>
</>
); );
}; };

27
src/styles/globals.css
View File

@@ -60,6 +60,33 @@ body {
--chart-4: 280 65% 60%; --chart-4: 280 65% 60%;
--chart-5: 340 75% 55%; --chart-5: 340 75% 55%;
} }
.tactical {
--background: #D9D4CC;
--foreground: #262621;
--card: #D9D4CC;
--card-foreground: #262621;
--popover: #D9D4CC;
--popover-foreground: #262621;
--primary: #7C8C58;
--primary-foreground: #D9D4CC;
--secondary: #BCBF63;
--secondary-foreground: #262621;
--muted: #BCBF63;
--muted-foreground: #262621;
--accent: #D98841;
--accent-foreground: #D9D4CC;
--destructive: #D98841;
--destructive-foreground: #D9D4CC;
--border: #7C8C58;
--input: #7C8C58;
--ring: #BCBF63;
--chart-1: #7C8C58;
--chart-2: #BCBF63;
--chart-3: #262621;
--chart-4: #D9D4CC;
--chart-5: #D98841;
}
} }
@layer base { @layer base {