github/claude-relay-service
1
0
Fork 0
mirror of https://github.com/Wei-Shaw/claude-relay-service.git synced 2026-01-23 09:38:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: improve group tags layout in AccountsView

Browse Source 
- Add vertical margin and flex-wrap for better multi-line display
- Remove left margin to align properly with container

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Gemini Wen
2025-09-08 22:54:23 +08:00
parent 86ed5c6344
commit 97da7d44ba
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/admin-spa/src/views/AccountsView.vue
View File

@@ -276,12 +276,12 @@
<!-- 显示所有分组 - 换行显示 --> <!-- 显示所有分组 - 换行显示 -->
<div <div
v-if="account.groupInfos && account.groupInfos.length > 0" v-if="account.groupInfos && account.groupInfos.length > 0"
class="flex items-center gap-2" class="my-2 flex flex-wrap items-center gap-2"
> >
<span <span
v-for="group in account.groupInfos" v-for="group in account.groupInfos"
:key="group.id" :key="group.id"
class="ml-1 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-400" class="inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-400"
:title="`所属分组: ${group.name}`" :title="`所属分组: ${group.name}`"
> >
<i class="fas fa-folder mr-1" />{{ group.name }} <i class="fas fa-folder mr-1" />{{ group.name }}