franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix text color issue on the website

Browse Source
This commit is contained in:
fgrreloaded
2025-03-09 09:52:53 +05:30
parent 2f8c9ef204
commit 057e4954ea
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/app/(home)/_components/TechSelector.tsx
View File

@@ -58,7 +58,6 @@ export function TechSelector({ onSelect, activeNodes }: TechSelectorProps) {
Options Options
</div> </div>
{/* Regular tech options */}
{Object.entries(techOptions) {Object.entries(techOptions)
.filter(([category]) => category !== "addons") .filter(([category]) => category !== "addons")
.map(([category, options]) => ( .map(([category, options]) => (
@@ -69,7 +68,7 @@ export function TechSelector({ onSelect, activeNodes }: TechSelectorProps) {
<Badge <Badge
key={option.id} key={option.id}
variant="secondary" variant="secondary"
className={`cursor-pointer hover:bg-gray-700 ${ className={`cursor-pointer hover:bg-gray-700 text-gray-300 ${
activeNodes[ activeNodes[
category as keyof Omit<ActiveNodes, "addons"> category as keyof Omit<ActiveNodes, "addons">
] === option.id && "bg-blue-600 text-white" ] === option.id && "bg-blue-600 text-white"
@@ -83,7 +82,6 @@ export function TechSelector({ onSelect, activeNodes }: TechSelectorProps) {
</div> </div>
))} ))}
{/* Feature toggles */}
<div className="space-y-2"> <div className="space-y-2">
<div className="text-xs text-gray-400">Addons</div> <div className="text-xs text-gray-400">Addons</div>
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
@@ -91,7 +89,7 @@ export function TechSelector({ onSelect, activeNodes }: TechSelectorProps) {
<Badge <Badge
key={option.id} key={option.id}
variant="secondary" variant="secondary"
className={`cursor-pointer hover:bg-gray-700 ${ className={`cursor-pointer hover:bg-gray-700 text-gray-300 ${
activeNodes.addons[ activeNodes.addons[
option.id as keyof typeof activeNodes.addons option.id as keyof typeof activeNodes.addons
] === true && "bg-blue-600 text-white" ] === true && "bg-blue-600 text-white"