fix: add active tab underline in classic mode without connection color, use amber folder icons in SQL library

This commit is contained in:
t8y2 2026-06-10 02:54:05 +08:00
parent 9ffa4c41d9
commit 39cf4779cd
2 changed files with 3 additions and 3 deletions

View File

@ -176,7 +176,7 @@ function tabColorStyle(tab: QueryTab) {
const isClassic = settingsStore.editorSettings.appLayout === "classic";
if (!color) {
if (isClassic) {
return isActive ? { boxShadow: "0 1px 0 0 var(--color-background)" } : undefined;
return isActive ? { boxShadow: "inset 0 -2px 0 var(--ring)" } : undefined;
}
return isActive
? {

View File

@ -798,7 +798,7 @@ function showDropInside(targetId: string) {
<div class="min-h-0 flex-1 overflow-y-auto p-1">
<div v-if="showNewFolderInput" class="flex items-center gap-1 px-2 py-1.5">
<FolderOpen class="h-4 w-4 text-blue-400 shrink-0" />
<FolderOpen class="h-4 w-4 text-amber-500 shrink-0" />
<input
ref="newFolderInputRef"
v-model="newFolderName"
@ -842,7 +842,7 @@ function showDropInside(targetId: string) {
/>
<component
:is="isFolderExpanded(folder.id) ? FolderOpen : FolderClosed"
class="h-4 w-4 text-blue-400 shrink-0"
class="h-4 w-4 text-amber-500 shrink-0"
/>
<template v-if="renamingTarget?.type === 'folder' && renamingTarget.id === folder.id">
<input