small stuf. grip page and nav

This commit is contained in:
2024-12-13 06:30:12 -05:00
parent b2e2893b4b
commit cd0a2dedc3
4 changed files with 14 additions and 17 deletions

View File

@@ -18,7 +18,8 @@ export default async function GripsPage() {
<th className='bg-slate-700 pl-2 w-40'>Component</th>
<th className='bg-slate-700 w-40'>Manufacturer</th>
<th className='bg-slate-700 w-40'>Model #</th>
<th className='bg-slate-700 w-20'>Price</th>
<th className='bg-slate-700 w-20'>Retail Price</th>
<th className='bg-slate-700 w-20'>Sale Price</th>
</tr>
</thead>
<tbody>
@@ -27,9 +28,10 @@ export default async function GripsPage() {
<td className='text-slate-800 pl-2'>{psa.category}</td>
<td className='text-slate-800'>{psa.brandName}</td>
<td className='text-slate-800'>{psa.modelnumber}</td>
<td className='text-slate-800'>{psa.retailPrice}</td>
<td className="text-slate-800 flex items-center gap-2">
${Number(psa.salePrice).toFixed(2)}
<Button variant="outline">Buy</Button>
<Button variant="default">Buy</Button>
</td>
</tr>
))}

View File

@@ -19,11 +19,13 @@ export default async function LowerReceiverPage() {
}
>
<thead>
<tr className={styles.tr}>
<tr >
<th>Component</th>
<th>Manufacturer</th>
<th>Model #</th>
<th>Price</th>
<th>Sale Price</th>
</tr>
</thead>
<tbody>
@@ -32,6 +34,7 @@ export default async function LowerReceiverPage() {
<td>{psa.category}</td>
<td>{psa.brandName}</td>
<td>{psa.modelnumber}</td>
<td>{psa.retailPrice}</td>
<td className="flex items-center gap-2">
${Number(psa.salePrice).toFixed(2)}
{/* I dont think this is exactly correct but works for now? */}

View File

@@ -75,14 +75,18 @@ export default function Navbar() {
<MenuButton className="relative flex rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800">
<span className="absolute -inset-1.5" />
<span className="sr-only">Open user menu</span>
Menu
{/* <Image
alt=""
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600"
className="size-8 rounded-full"
width={100}
height={100}
/> */}
<img
alt=""
src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600"
className="h-8 w-auto"
/>
</MenuButton>
</div>
<MenuItems

View File

@@ -256,18 +256,6 @@ export default function PopNav() {
<Bars3Icon aria-hidden="true" className="size-6" />
</button>
{/* Logo */}
<div className="ml-4 flex lg:ml-0">
<a href="#">
<span className="sr-only">Your Company</span>
<img
alt=""
src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600"
className="h-8 w-auto"
/>
</a>
</div>
{/* Flyout menus */}
<PopoverGroup className="hidden lg:ml-8 lg:block lg:self-stretch">
<div className="flex h-full space-x-8">