fix: Move OS tab switcher below Quick Setup header for visibility
All checks were successful
Test Asgard Runner / test (push) Successful in 2s
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:
@@ -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 -->
|
||||||
|
|||||||
Reference in New Issue
Block a user