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: center in stack builder (#162)

Browse Source
This commit is contained in:
3raphat
2025-04-20 12:58:34 +07:00
committed by GitHub
parent f56a2865fb
commit bf7f04ec38
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/app/(home)/_components/StackArchitech.tsx
View File

@@ -92,7 +92,7 @@ const TechIcon = ({
} }
return ( return (
<span className={`inline-block text-lg ${className || ""}`}>{icon}</span> <span className={`inline-flex items-center text-lg ${className || ""}`}>{icon}</span>
); );
}; };
@@ -921,14 +921,14 @@ const StackArchitect = () => {
<span className="mr-2 select-none text-green-600 dark:text-green-400"> <span className="mr-2 select-none text-green-600 dark:text-green-400">
$ $
</span> </span>
<code className="whitespace-pre break-words text-gray-700 text-xs sm:text-sm dark:text-gray-300"> <code className="inline-flex items-center whitespace-pre break-words text-gray-700 text-xs sm:text-sm dark:text-gray-300">
{command} {command}
</code> </code>
</div> </div>
<button <button
type="button" type="button"
onClick={copyToClipboard} onClick={copyToClipboard}
className="absolute top-1 right-1 rounded p-1 text-gray-500 transition-colors hover:bg-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200" className="absolute right-1 top-1/2 -translate-y-1/2 rounded p-1 text-gray-500 transition-colors hover:bg-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200"
title={copied ? "Copied!" : "Copy command"} title={copied ? "Copied!" : "Copy command"}
> >
{copied ? ( {copied ? (
@@ -966,7 +966,7 @@ const StackArchitect = () => {
<TechIcon <TechIcon
icon={tech.icon} icon={tech.icon}
name={tech.name} name={tech.name}
className="h-3 w-3" className={tech.icon.startsWith("/icon/") ? "h-3 w-3" : "h-3 w-3 text-xs"}
/> />
{tech.name} {tech.name}
</span> </span>