fix: Move OS tab switcher below Quick Setup header for visibility
All checks were successful
Test Asgard Runner / test (push) Successful in 2s

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Vantz Stockwell
2026-02-21 14:57:52 -05:00
parent 358adde496
commit 5bb1ac9c35

View File

@@ -351,30 +351,29 @@ onMounted(async () => {
<Terminal class="w-3.5 h-3.5 text-neutral-500" /> <Terminal class="w-3.5 h-3.5 text-neutral-500" />
<p class="text-xs font-medium text-neutral-400 uppercase tracking-wider">Quick Setup</p> <p class="text-xs font-medium text-neutral-400 uppercase tracking-wider">Quick Setup</p>
</div> </div>
<div class="flex items-center gap-2"> <button
<!-- OS Tabs --> @click="copySetupCommands"
<div class="flex bg-neutral-800 rounded-md p-0.5"> class="flex items-center gap-1.5 px-3 py-1 text-xs font-medium rounded-md transition-colors"
<button :class="(setupTab === 'linux' ? copied : windowsCopied)
@click="setupTab = 'linux'" ? 'bg-green-600/20 text-green-400 border border-green-600/30'
class="px-3 py-1 text-xs font-medium rounded transition-colors" : 'bg-neutral-800 hover:bg-neutral-700 text-neutral-400 hover:text-neutral-200 border border-neutral-700'"
:class="setupTab === 'linux' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'" >
>Linux</button> {{ (setupTab === 'linux' ? copied : windowsCopied) ? 'Copied!' : 'Copy' }}
<button </button>
@click="setupTab = 'windows'" </div>
class="px-3 py-1 text-xs font-medium rounded transition-colors"
:class="setupTab === 'windows' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'" <!-- OS Tabs -->
>Windows</button> <div class="flex bg-neutral-800 rounded-md p-0.5 mb-3 w-fit">
</div> <button
<button @click="setupTab = 'linux'"
@click="copySetupCommands" class="px-3 py-1 text-xs font-medium rounded transition-colors"
class="flex items-center gap-1.5 px-3 py-1 text-xs font-medium rounded-md transition-colors" :class="setupTab === 'linux' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'"
:class="(setupTab === 'linux' ? copied : windowsCopied) >Linux</button>
? 'bg-green-600/20 text-green-400 border border-green-600/30' <button
: 'bg-neutral-800 hover:bg-neutral-700 text-neutral-400 hover:text-neutral-200 border border-neutral-700'" @click="setupTab = 'windows'"
> class="px-3 py-1 text-xs font-medium rounded transition-colors"
{{ (setupTab === 'linux' ? copied : windowsCopied) ? 'Copied!' : 'Copy' }} :class="setupTab === 'windows' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'"
</button> >Windows</button>
</div>
</div> </div>
<!-- Windows Warning Badge --> <!-- Windows Warning Badge -->