External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: move copy button to terminal header bar top-right

Browse Source
This commit is contained in:
ashim-hq
2026-04-24 00:32:58 +08:00
parent 9d751e72f3
commit d313a922d4
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/landing/src/components/how-it-works.tsx
+11 -12
View File
@@ -45,28 +45,27 @@ export function HowItWorks() {
<Terminal size={13} /> <Terminal size={13} />
<span className="text-xs">Quick Start</span> <span className="text-xs">Quick Start</span>
</div> </div>
<div className="w-[52px]" /> <span>
</div>
<div className="flex items-center gap-3 overflow-x-auto px-6 py-5">
<span className="shrink-0 text-emerald-400 font-mono text-sm">$</span>
<code className="whitespace-nowrap font-mono text-[13px] text-white/90">
{command}
</code>
<span className="ml-auto shrink-0 pl-3">
{copied ? ( {copied ? (
<span className="flex items-center gap-1.5 rounded-md bg-emerald-500/10 px-2.5 py-1 text-emerald-400"> <span className="flex items-center gap-1.5 text-emerald-400">
<Check size={13} /> <Check size={13} />
<span className="text-xs font-medium">Copied!</span> <span className="text-xs font-medium">Copied!</span>
</span> </span>
) : ( ) : (
<span className="flex items-center gap-1.5 rounded-md px-2.5 py-1 text-white/25 transition-colors group-hover:bg-white/5 group-hover:text-white/60"> <span className="flex items-center gap-1.5 text-white/30 transition-colors group-hover:text-white/60">
<Copy size={13} /> <Copy size={13} />
<span className="hidden text-xs md:inline">Copy</span> <span className="text-xs">Copy</span>
</span> </span>
)} )}
</span> </span>
</div> </div>
<div className="overflow-x-auto px-6 py-5">
<p className="whitespace-nowrap font-mono text-[13px]">
<span className="text-emerald-400">$</span>{" "}
<span className="text-white/90">{command}</span>
</p>
</div>
</button> </button>
</div> </div>
</FadeIn> </FadeIn>