sean/shadow-gunbuilder-ai-proto
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Init

Browse Source
This commit is contained in:
Sean Strawsburg
2025-11-25 17:01:01 -05:00
parent 6b8b490b3e
commit b2171fec3b
101 changed files with 2090 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/gunbuilder/[categoryId]/page.tsx
+14 -2
View File
@@ -109,7 +109,7 @@ export default function CategoryPage() {
{parts.map((part) => (
<div
key={part.id}
className="border border-zinc-700 rounded-md p-3 bg-zinc-900/50 hover:border-zinc-600 transition-colors flex flex-col"
className="group relative border border-zinc-700 rounded-md p-3 bg-zinc-900/50 hover:border-amber-400/60 hover:bg-amber-400/10 transition-all duration-200 flex flex-col"
>
<Link
href={`/gunbuilder?select=${categoryId}:${part.id}`}
@@ -137,6 +137,12 @@ export default function CategoryPage() {
>
View Details
</Link>
{/* Hover Overlay */}
<div className="absolute inset-0 rounded-md bg-amber-400/10 opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none flex items-center justify-center">
<div className="text-sm font-semibold text-amber-200 tracking-wide">
Add to Build
</div>
</div>
</div>
))}
</div>
@@ -145,7 +151,7 @@ export default function CategoryPage() {
{parts.map((part) => (
<div
key={part.id}
className="border border-zinc-700 rounded-md p-3 bg-zinc-900/50 hover:border-zinc-600 transition-colors"
className="group relative border border-zinc-700 rounded-md p-3 bg-zinc-900/50 hover:border-amber-400/60 hover:bg-amber-400/10 transition-all duration-200"
>
<div className="flex items-center justify-between gap-4">
<div className="flex-1 min-w-0">
@@ -175,6 +181,12 @@ export default function CategoryPage() {
</Link>
</div>
</div>
{/* Hover Overlay */}
<div className="absolute inset-0 rounded-md bg-amber-400/10 opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none flex items-center justify-center">
<div className="text-sm font-semibold text-amber-200 tracking-wide">
Add to Build
</div>
</div>
</div>
))}
</div>