improve favorites visibility ui

This commit is contained in:
pa
2026-03-08 00:13:27 +09:00
parent 2a861cb9b6
commit 6f0d81814b
3 changed files with 168 additions and 21 deletions
+14 -7
View File
@@ -111,6 +111,7 @@
:key="group.key"
:class="[
'group-item',
`group-item--${group.visibility}`,
{ 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
]"
@click="handleGroupClick('remote', group.key)">
@@ -125,9 +126,6 @@
<span class="group-item__visibility-text">{{
t(`view.favorite.visibility.${group.visibility}`)
}}</span>
<span
class="group-item__visibility-dot"
:class="avatarGroupVisibilityDotColors[group.visibility]"></span>
</span>
<DropdownMenu
:open="activeGroupMenu === remoteGroupMenuKey(group.key)"
@@ -1622,10 +1620,19 @@
}
.group-item__visibility-dot {
width: 7px;
height: 7px;
border-radius: 50%;
flex-shrink: 0;
display: none;
}
.group-item--public {
border-left: 3px solid #22c55e;
}
.group-item--friends {
border-left: 3px solid #0ea5e9;
}
.group-item--private {
border-left: 3px solid #ef4444;
}
.group-item--placeholder {