style(vcen-edit): alinea tipografía del sidebar del catálogo con el de atributos

text-xs → text-sm, py-1.5 → py-2, colores activo/inactivo homogéneos
(bg-gray-800 border-blue-500 / text-gray-300) en todos los ítems del árbol

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
master
dev 7 months ago
parent eb46479092
commit 6657372c96

@ -86,9 +86,9 @@ function isNodeActive(kind: string, objId?: ObjID, secId?: SecID): boolean {
return isActiveSel(kind, objId, secId) return isActiveSel(kind, objId, secId)
} }
const ITEM_BASE = "flex items-center gap-1.5 px-3 py-1.5 text-xs cursor-pointer select-none transition-colors border-l-2" const ITEM_BASE = "flex items-center gap-1.5 px-3 py-2 text-sm cursor-pointer select-none transition-colors border-l-2"
const ITEM_ACTIVE = "bg-indigo-600/10 text-indigo-300 border-indigo-500" const ITEM_ACTIVE = "bg-gray-800 text-gray-100 border-blue-500"
const ITEM_INACTIVE = "text-gray-500 hover:text-gray-200 hover:bg-gray-800/50 border-transparent" const ITEM_INACTIVE = "text-gray-300 hover:text-gray-100 hover:bg-gray-800 border-transparent"
</script> </script>
<div class="py-2"> <div class="py-2">
@ -203,8 +203,8 @@ const ITEM_INACTIVE = "text-gray-500 hover:text-gray-200 hover:bg-gray-800/50 bo
role="button" tabindex="0" role="button" tabindex="0"
onclick={() => toggleObj(obj.id)} onclick={() => toggleObj(obj.id)}
onkeydown={e => e.key === 'Enter' && toggleObj(obj.id)} onkeydown={e => e.key === 'Enter' && toggleObj(obj.id)}
class="flex items-center gap-1.5 px-3 py-1.5 text-xs cursor-pointer class="flex items-center gap-1.5 px-3 py-2 text-sm cursor-pointer
select-none transition-colors text-gray-400 hover:text-gray-200 hover:bg-gray-800/40 select-none transition-colors text-gray-300 hover:text-gray-100 hover:bg-gray-800
border-l-2 border-transparent group" border-l-2 border-transparent group"
> >
<svg <svg
@ -318,8 +318,8 @@ const ITEM_INACTIVE = "text-gray-500 hover:text-gray-200 hover:bg-gray-800/50 bo
role="button" tabindex="0" role="button" tabindex="0"
onclick={() => toggleSec(sec.id)} onclick={() => toggleSec(sec.id)}
onkeydown={e => e.key === 'Enter' && toggleSec(sec.id)} onkeydown={e => e.key === 'Enter' && toggleSec(sec.id)}
class="flex items-center gap-1.5 pl-9 pr-3 py-1 text-xs cursor-pointer class="flex items-center gap-1.5 pl-9 pr-3 py-2 text-sm cursor-pointer
select-none transition-colors text-gray-500 hover:text-gray-200 hover:bg-gray-800/40 select-none transition-colors text-gray-300 hover:text-gray-100 hover:bg-gray-800
border-l-2 border-transparent group" border-l-2 border-transparent group"
> >
<svg <svg

Loading…
Cancel
Save

Powered by TurnKey Linux.