SemianiakaVY/openpencil
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity

Replace text arrow with SVG chevron icon in layers panel

Browse source
This commit is contained in:
Danila Poyarkov 2026-02-28 01:02:22 +03:00
parent 9afabfe009
commit 423647dd67
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/LayersPanel.vue
View file

@ -230,10 +230,12 @@ function updateDropTarget(ev: PointerEvent) {
>
<span
v-if="item.hasChildren"
class="flex w-4 shrink-0 cursor-pointer items-center justify-center text-xs text-muted transition-transform hover:text-surface"
:class="isExpanded ? '' : '-rotate-90'"
class="flex w-4 shrink-0 cursor-pointer items-center justify-center text-muted transition-transform hover:text-surface"
:class="isExpanded ? 'rotate-0' : '-rotate-90'"
@click.stop="toggleExpand(item.value.id)"
>▾</span>
>
<svg width="8" height="8" viewBox="0 0 8 8" fill="none"><path d="M1.5 2.5L4 5.5L6.5 2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span v-else class="w-4 shrink-0" />
<span class="w-3.5 shrink-0 text-center text-[11px] opacity-70">{{ nodeIcon(item.value.type) }}</span>
<span class="truncate">{{ item.value.name }}</span>