Mirrors/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-02-24 04:00:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): update admin users and evaluations sidebars to leverage native anchor tags for robust new-tab link capabilities (#21723)

Browse Source
This commit is contained in:
G30
2026-02-22 20:08:18 -05:00
committed by GitHub
parent 39e5422d93
commit e7848ec712
2 changed files with 20 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/admin/Evaluations.svelte
View File

@@ -54,15 +54,14 @@
id="users-tabs-container"
class="tabs mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
>
<button
<a
id="leaderboard"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition {selectedTab ===
href="/admin/evaluations/leaderboard"
draggable="false"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition select-none {selectedTab ===
'leaderboard'
? ''
: ' text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'}"
on:click={() => {
goto('/admin/evaluations/leaderboard');
}}
>
<div class=" self-center mr-2">
<svg
@@ -79,17 +78,16 @@
</svg>
</div>
<div class=" self-center">{$i18n.t('Leaderboard')}</div>
</button>
</a>
<button
<a
id="feedback"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition {selectedTab ===
href="/admin/evaluations/feedback"
draggable="false"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition select-none {selectedTab ===
'feedback'
? ''
: ' text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'}"
on:click={() => {
goto('/admin/evaluations/feedback');
}}
>
<div class=" self-center mr-2">
<svg
@@ -106,7 +104,7 @@
</svg>
</div>
<div class=" self-center">{$i18n.t('Feedback')}</div>
</button>
</a>
</div>
<div class="flex-1 mt-1 lg:mt-0 px-[16px] lg:pr-[16px] lg:pl-0 overflow-y-scroll">

22
src/lib/components/admin/Users.svelte
View File

@@ -60,15 +60,14 @@
id="users-tabs-container"
class="mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-medium text-left scrollbar-none"
>
<button
<a
id="overview"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition {selectedTab ===
href="/admin/users/overview"
draggable="false"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition select-none {selectedTab ===
'overview'
? ''
: ' text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'}"
on:click={() => {
goto('/admin/users/overview');
}}
>
<div class=" self-center mr-2">
<svg
@@ -83,17 +82,16 @@
</svg>
</div>
<div class=" self-center">{$i18n.t('Overview')}</div>
</button>
</a>
<button
<a
id="groups"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition {selectedTab ===
href="/admin/users/groups"
draggable="false"
class="px-0.5 py-1 min-w-fit rounded-lg lg:flex-none flex text-right transition select-none {selectedTab ===
'groups'
? ''
: ' text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'}"
on:click={() => {
goto('/admin/users/groups');
}}
>
<div class=" self-center mr-2">
<svg
@@ -108,7 +106,7 @@
</svg>
</div>
<div class=" self-center">{$i18n.t('Groups')}</div>
</button>
</a>
</div>
<div class="flex-1 mt-1 lg:mt-0 px-[16px] lg:pr-[16px] lg:pl-0 overflow-y-scroll">