i/Aether
1
0
Fork 0
mirror of https://github.com/fawney19/Aether.git synced 2026-09-03 01:40:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优先级管理弹窗间距与样式微调

Browse Source
This commit is contained in:
fawney19
2026-02-10 18:32:51 +08:00
parent 8949ad6d9e
commit 5456596b29
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/features/providers/components/PriorityManagementDialog.vue
View File

@@ -57,7 +57,7 @@
<!-- 提供商列表 --> <!-- 提供商列表 -->
<div <div
v-else v-else
class="space-y-1 h-full overflow-y-auto pr-1" class="space-y-0.5 h-full overflow-y-auto pr-1"
> >
<div <div
v-for="(provider, index) in sortedProviders" v-for="(provider, index) in sortedProviders"
@@ -172,18 +172,18 @@
<!-- 左右布局：格式列表 + Key 列表 --> <!-- 左右布局：格式列表 + Key 列表 -->
<div <div
v-else v-else
class="flex gap-4 h-full" class="flex gap-0 h-full"
> >
<!-- 左侧：API 格式列表 --> <!-- 左侧：API 格式列表 -->
<div class="w-32 shrink-0 space-y-1 overflow-y-auto"> <div class="w-36 shrink-0 space-y-0.5 overflow-y-auto border-r border-border/50 pr-3 mr-3 py-0.5">
<button <button
v-for="format in availableFormats" v-for="format in availableFormats"
:key="format" :key="format"
type="button" type="button"
class="w-full px-3 py-2 text-xs font-medium rounded-md text-left transition-all duration-200" class="w-full px-3 py-2 text-xs font-medium rounded-lg text-left transition-all duration-200"
:class="[ :class="[
activeFormatTab === format activeFormatTab === format
? 'bg-primary text-primary-foreground' ? 'bg-primary text-primary-foreground shadow-sm'
: 'text-muted-foreground hover:text-foreground hover:bg-muted/50' : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'
]" ]"
@click="activeFormatTab = format" @click="activeFormatTab = format"
@@ -198,15 +198,16 @@
v-for="format in availableFormats" v-for="format in availableFormats"
v-show="activeFormatTab === format" v-show="activeFormatTab === format"
:key="format" :key="format"
class="h-full"
> >
<div <div
v-if="keysByFormat[format]?.length > 0" v-if="keysByFormat[format]?.length > 0"
class="space-y-1 h-full overflow-y-auto pr-1" class="space-y-0.5 h-full overflow-y-auto pr-1"
> >
<div <div
v-for="(key, index) in keysByFormat[format]" v-for="(key, index) in keysByFormat[format]"
:key="key.id" :key="key.id"
class="group flex items-center gap-2 px-2.5 py-2 rounded-lg border transition-all duration-200" class="group flex items-center gap-2 px-2.5 py-1.5 rounded-lg border transition-all duration-200"
:class="[ :class="[
!(key.is_active && key.provider_active) !(key.is_active && key.provider_active)
? 'border-border/30 bg-muted/20 opacity-50' ? 'border-border/30 bg-muted/20 opacity-50'
@@ -348,11 +349,11 @@
<template #footer> <template #footer>
<div class="flex items-center justify-between w-full"> <div class="flex items-center justify-between w-full">
<div class="flex items-center gap-4"> <div class="flex items-center gap-3">
<div class="text-xs text-muted-foreground"> <div class="text-xs text-muted-foreground whitespace-nowrap">
当前模式: <span class="font-medium">{{ activeMainTab === 'provider' ? '提供商优先' : 'Key 优先' }}</span> 当前模式: <span class="font-medium text-foreground/80">{{ activeMainTab === 'provider' ? '提供商优先' : 'Key 优先' }}</span>
</div> </div>
<div class="flex items-center gap-2 pl-4 border-l border-border"> <div class="flex items-center gap-1.5 pl-3 border-l border-border/60">
<span class="text-xs text-muted-foreground">调度:</span> <span class="text-xs text-muted-foreground">调度:</span>
<div class="flex gap-0.5 p-0.5 bg-muted/40 rounded-md"> <div class="flex gap-0.5 p-0.5 bg-muted/40 rounded-md">
<button <button