feat: improve auth pages
This commit is contained in:
@@ -135,7 +135,7 @@ onMounted(() => { inputRef.value?.focus(); });
|
||||
<!-- AGENT ROW -->
|
||||
<div v-if="item.type === 'agent'" :id="item.uiId" role="option"
|
||||
:aria-selected="selectedIndex === index" @click="selectItem(item.uiId)"
|
||||
class="group flex items-center px-3 h-10 rounded-md cursor-pointer transition-colors mt-2 hover:bg-[var(--color-hover)]"
|
||||
class="group flex items-center px-3 h-10 rounded-md cursor-pointer transition-colors hover:bg-[var(--color-hover)]"
|
||||
:class="selectedIndex === index ? 'bg-[var(--color-hover)] text-[var(--text-primary)]' : 'text-[var(--text-secondary)]'">
|
||||
<div
|
||||
:class="['mr-2 w-[28px] h-[28px] flex-shrink-0 rounded-lg overflow-hidden bg-[var(--bg-surface)] flex items-center justify-center', item?.imageUrl ? '' : 'border border-[var(--color-border)]']">
|
||||
@@ -152,8 +152,8 @@ onMounted(() => { inputRef.value?.focus(); });
|
||||
class="group flex items-center h-10 pr-3 rounded-md cursor-pointer transition-colors relative ml-10 hover:bg-[var(--color-hover)]"
|
||||
:class="selectedIndex === index ? 'bg-[var(--color-hover)] text-[var(--text-primary)]' : 'text-[var(--text-secondary)]'">
|
||||
<!-- Visual Tree Lines -->
|
||||
<div class="absolute -left-4 top-0 bottom-0 w-[1px] h-[110%] bg-[var(--color-border)]"></div>
|
||||
<div class="absolute -left-4 top-5 w-3 h-[1px] bg-[var(--color-border)]"></div>
|
||||
<div class="absolute -left-4 top-0 bottom-0 w-[1px] h-[110%] bg-[var(--text-dim)]"></div>
|
||||
<div class="absolute -left-4 top-5 w-3 h-[1px] bg-[var(--text-dim)]"></div>
|
||||
|
||||
<span class="i-mynaui-hash mx-2 shrink-0 text-[var(--text-dim)] w-4 h-4"></span>
|
||||
<span class="text-sm truncate">{{ item.name }}</span>
|
||||
|
||||
Reference in New Issue
Block a user