admin/TaskPool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: opt all mobile fonts

Browse Source
This commit is contained in:
engigu
2026-04-08 22:09:00 +08:00
parent b61eb43399
commit 896c75ccc4
6 changed files with 56 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/views/dependencies/Dependencies.vue
+8 -8
View File
@@ -264,20 +264,20 @@ onMounted(async () => {
</div>
<div class="flex items-center gap-2 flex-1 justify-end">
<div class="relative flex-1 max-w-[200px]">
<Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 sm:h-4 sm:w-4 text-muted-foreground" />
<Input v-model="searchQuery" placeholder="搜索包名..." class="h-8 sm:h-9 pl-8 w-full text-[11px] sm:text-sm bg-background/50 focus:bg-background transition-all" />
<Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
<Input v-model="searchQuery" placeholder="搜索包名..." class="h-9 pl-9 w-full text-sm bg-background focus:bg-background transition-all" />
</div>
<div class="flex items-center gap-1.5 sm:gap-2 shrink-0">
<Button variant="outline" size="icon" class="h-8 w-8 sm:h-9 sm:w-9 shrink-0 shadow-sm" @click="loadDeps" :disabled="loading">
<RefreshCw class="h-3.5 w-3.5 sm:h-4 sm:w-4" :class="{ 'animate-spin': loading }" />
<Button variant="outline" size="icon" class="h-9 w-9 shrink-0 shadow-sm" @click="loadDeps" :disabled="loading">
<RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
</Button>
<Button variant="outline" size="sm" class="h-8 sm:h-9 px-2 sm:px-3 text-[11px] sm:text-xs shrink-0 shadow-sm" @click="reinstallAll"
<Button variant="outline" size="sm" class="h-9 px-3 text-sm shrink-0 shadow-sm" @click="reinstallAll"
:disabled="reinstallingAll || filteredDeps.length === 0">
<RotateCw class="h-3.5 w-3.5 sm:h-4 sm:w-4 sm:mr-1.5" :class="{ 'animate-spin': reinstallingAll }" /> <span
<RotateCw class="h-4 w-4 sm:mr-1.5" :class="{ 'animate-spin': reinstallingAll }" /> <span
class="hidden sm:inline">全部重装</span>
</Button>
<Button size="sm" class="h-8 sm:h-9 px-2 sm:px-3 text-[11px] sm:text-xs shrink-0 shadow-sm" @click="openInstallDialog">
<Download class="h-3.5 w-3.5 sm:h-4 sm:w-4 sm:mr-1.5" /> <span class="hidden sm:inline">安装包</span>
<Button size="sm" class="h-9 px-3 text-sm shrink-0 shadow-sm" @click="openInstallDialog">
<Download class="h-4 w-4 sm:mr-1.5" /> <span class="hidden sm:inline">安装包</span>
</Button>
</div>
</div>
web/src/views/environments/Environments.vue
+3 -3
View File
@@ -256,7 +256,7 @@ onBeforeUnmount(() => {
<div class="flex w-full sm:w-auto items-center gap-2">
<div class="relative flex-1 sm:flex-none">
<Search class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
<Input v-model="filterName" placeholder="搜索名称..." class="h-9 pl-9 w-full sm:w-40 md:w-48 text-sm"
<Input v-model="filterName" placeholder="搜索名称..." class="h-9 pl-9 w-full sm:w-48 text-sm bg-muted/20 focus:bg-background"
@input="handleSearch" />
</div>
<Button @click="openCreate" class="shrink-0 h-9" :disabled="activeTab === ENV_TYPE.SECRET && !isSecretSet">
@@ -405,8 +405,8 @@ onBeforeUnmount(() => {
</DialogHeader>
<div class="space-y-4 py-2 min-w-0">
<div class="space-y-2 min-w-0">
<Label>{{ editingEnv.type === ENV_TYPE.SECRET ? '机密名称' : '变量名' }}</Label>
<Input v-model="editingEnv.name" class="w-full min-w-0" :placeholder="editingEnv.type === ENV_TYPE.SECRET ? '例如：GITHUB_TOKEN' : 'MY_VAR'" />
<Label class="text-sm">{{ editingEnv.type === ENV_TYPE.SECRET ? '机密名称' : '变量名' }}</Label>
<Input v-model="editingEnv.name" class="h-9 w-full min-w-0 text-sm" :placeholder="editingEnv.type === ENV_TYPE.SECRET ? '例如：GITHUB_TOKEN' : 'MY_VAR'" />
</div>
<div class="space-y-2 min-w-0">
<Label>
web/src/views/languages/Languages.vue
+32 -36
View File
@@ -380,11 +380,11 @@ onMounted(() => {
<div class="rounded-lg border bg-card overflow-hidden">
<div
class="flex items-center justify-between px-3 sm:px-4 py-2 sm:py-3 border-b bg-muted/30 gap-2 sm:gap-4">
<div class="relative flex-1 max-w-sm">
<div class="relative w-full sm:w-64 group">
<Search
class="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground/60 transition-colors group-focus-within:text-primary" />
<Input v-model="searchQuery" placeholder="搜索语言或版本..."
class="h-8 sm:h-9 pl-8 text-xs sm:text-sm bg-background/50 focus:bg-background transition-all" />
class="h-9 pl-9 text-sm bg-muted/20 border-border/40 focus:bg-background transition-all" />
</div>
<div class="flex items-center gap-1.5 sm:gap-2 shrink-0">
<Button variant="outline" class="h-8 sm:h-9 px-2 sm:px-3 text-xs sm:text-sm shadow-sm"
@@ -412,18 +412,17 @@ onMounted(() => {
</div>
<template v-else>
<div v-for="(lang, index) in filteredLanguages" :key="lang.plugin + lang.version"
class="flex flex-row items-center px-2 sm:px-4 py-2.5 sm:py-3 hover:bg-muted/30 transition-colors gap-2 sm:gap-4 relative group">
<div class="flex items-center gap-2 sm:gap-4 min-w-0 flex-1">
<div class="flex items-center justify-center w-6 sm:w-8 shrink-0">
<span
class="text-xs font-mono text-muted-foreground tabular-nums">#{{
class="flex flex-col sm:flex-row sm:items-center px-4 py-3 hover:bg-muted/30 transition-colors gap-3 sm:gap-4 relative group group/item">
<!-- 序号与基础信息 (左侧/顶部) -->
<div class="flex items-center gap-3 overflow-hidden flex-1">
<div class="flex items-center justify-center w-8 shrink-0">
<span class="text-xs font-mono text-muted-foreground/60 tabular-nums">#{{
filteredLanguages.length - index }}</span>
</div>
<div
class="h-8 w-8 sm:h-9 sm:w-9 rounded-lg bg-primary/10 flex items-center justify-center font-bold text-primary uppercase overflow-hidden shrink-0 border border-primary/10 shadow-sm ml-1 sm:ml-0">
class="h-9 w-9 rounded-lg bg-primary/10 flex items-center justify-center font-bold text-primary uppercase overflow-hidden shrink-0 border border-primary/10 shadow-sm">
<template v-if="getLangIcon(lang.plugin)">
<div
class="w-full h-full bg-white/90 p-1.5 flex items-center justify-center">
<div class="w-full h-full bg-white/95 p-1.5 flex items-center justify-center">
<img :src="getLangIcon(lang.plugin)" :alt="lang.plugin"
class="w-full h-full object-contain" />
</div>
@@ -433,53 +432,50 @@ onMounted(() => {
lang.plugin.substring(0, 2) : lang.plugin }}</span>
</template>
</div>
<div
class="flex flex-col lg:flex-row lg:items-center gap-0.5 lg:gap-4 flex-1 min-w-0">
<div class="flex items-center gap-2 min-w-[120px] shrink-0">
<span class="font-bold capitalize truncate text-[13px] sm:text-sm">{{
<div class="flex flex-col min-w-0 flex-1">
<div class="flex items-center gap-2 flex-wrap">
<span class="font-bold capitalize truncate text-sm text-foreground">{{
lang.plugin }}</span>
<Badge variant="outline"
class="font-mono text-[10px] h-4 px-1 bg-background/50">{{ lang.version
}}</Badge>
<Badge variant="outline" class="font-mono text-[10px] h-4.5 px-1.5 bg-background/50 border-muted-foreground/20">{{ lang.version }}</Badge>
<Badge v-if="lang.isGlobal" variant="secondary"
class="bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20 text-[10px] h-4 px-1.5 font-normal">
class="bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20 text-[10px] h-4.5 px-1.5 font-medium">
默认
</Badge>
</div>
<div class="hidden lg:block w-px h-3 bg-border/50 shrink-0" />
<div class="text-xs text-muted-foreground truncate opacity-60 hover:opacity-100 hover:text-primary transition-all cursor-help"
@click="viewDetail(lang)">
<span class="hidden md:inline mr-1 opacity-60">来源:</span>
<span class="font-mono truncate" :title="lang.source">{{ lang.source
}}</span>
<div class="text-[11px] text-muted-foreground truncate opacity-70 mt-0.5 cursor-help hover:text-primary transition-colors flex items-center" @click="viewDetail(lang)">
<span class="font-mono truncate">{{ lang.source }}</span>
</div>
</div>
<!-- 仅移动端显示的删除按钮 -->
<Button variant="ghost" size="icon" class="h-8 w-8 sm:hidden text-muted-foreground hover:text-destructive shrink-0" @click="confirmDelete(lang)">
<Trash2 class="h-4 w-4" />
</Button>
</div>
<div class="flex items-center gap-1 sm:gap-1.5 shrink-0 ml-auto">
<div
class="flex items-center gap-1 bg-muted/20 p-0.5 rounded-lg border border-border/40">
<Button v-if="SUPPORTED_DEPS_LANGS.includes(lang.plugin)" variant="ghost"
size="sm"
class="h-7 px-1.5 sm:px-2 text-xs font-semibold whitespace-nowrap hover:bg-background hover:shadow-sm"
<!-- 操作按钮 (右侧/底部) -->
<div class="flex items-center justify-between sm:justify-end gap-2 shrink-0 pt-2 sm:pt-0 border-t sm:border-0 border-border/10">
<div class="flex items-center gap-1.5 bg-muted/30 sm:bg-transparent p-1 sm:p-0 rounded-lg w-full sm:w-auto overflow-x-auto no-scrollbar">
<Button v-if="SUPPORTED_DEPS_LANGS.includes(lang.plugin)" variant="ghost" size="sm"
class="h-7.5 px-2.5 sm:px-2 text-xs font-semibold whitespace-nowrap bg-background/50 sm:bg-transparent hover:bg-background hover:shadow-sm flex-1 sm:flex-none"
@click="$router.push(`/dependencies?language=${lang.plugin}&version=${lang.version}`)">
依赖
</Button>
<Button variant="ghost" size="sm"
class="h-7 px-1.5 sm:px-2 text-xs font-semibold whitespace-nowrap hover:bg-background hover:shadow-sm"
class="h-7.5 px-2.5 sm:px-2 text-xs font-semibold whitespace-nowrap bg-background/50 sm:bg-transparent hover:bg-background hover:shadow-sm flex-1 sm:flex-none"
@click="handleVerify(lang)">
验证
</Button>
<Button variant="ghost" size="sm"
:class="cn('h-7 px-1.5 sm:px-2 text-xs font-semibold whitespace-nowrap hover:bg-background hover:shadow-sm', lang.isGlobal ? 'text-amber-600 bg-amber-500/10' : '')"
:class="cn('h-7.5 px-2.5 sm:px-2 text-xs font-semibold whitespace-nowrap bg-background/50 sm:bg-transparent hover:bg-background hover:shadow-sm flex-1 sm:flex-none', lang.isGlobal ? 'text-amber-600 bg-amber-500/10 dark:bg-amber-500/20' : '')"
@click="toggleDefault(lang)">
默认
</Button>
</div>
<!-- 桌面端显示的删除按钮 -->
<Button variant="ghost" size="icon"
class="h-7.5 w-7.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-all opacity-40 group-hover:opacity-100"
class="hidden sm:flex h-8 w-8 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-all opacity-0 group-hover/item:opacity-100"
@click="confirmDelete(lang)" title="卸载">
<Trash2 class="h-3.5 w-3.5" />
<Trash2 class="h-4 w-4" />
</Button>
</div>
</div>
@@ -709,7 +705,7 @@ onMounted(() => {
<div class="flex flex-col h-full">
<div class="flex items-center justify-between px-4 py-2 bg-[#252526] border-b border-[#3c3c3c]">
<div class="flex items-center gap-2">
<TerminalIcon class="h-4 w-4 text-primary" />
<TerminalIcon class="h-4 w-4 text-white" />
<span class="text-xs font-medium text-gray-300">正在安装 / 执行: {{ terminalCommand }}</span>
</div>
<Button variant="ghost" size="icon" class="h-6 w-6 text-gray-400 hover:text-white"
web/src/views/notify/Notify.vue
+4 -4
View File
@@ -316,10 +316,10 @@ onMounted(() => {
<p class="text-muted-foreground text-sm">配置通知渠道，绑定系统事件实现自动推送</p>
</div>
<TabsList class="flex w-full sm:w-fit overflow-x-auto overflow-y-hidden justify-start sm:justify-center bg-muted/50 p-1 rounded-xl scrollbar-hide border border-border/50">
<TabsTrigger value="channels" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6">渠道管理</TabsTrigger>
<TabsTrigger value="templates" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6">推送模板</TabsTrigger>
<TabsTrigger value="events" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6">事件绑定</TabsTrigger>
<TabsTrigger value="api" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6">脚本调用</TabsTrigger>
<TabsTrigger value="channels" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6 text-sm">渠道管理</TabsTrigger>
<TabsTrigger value="templates" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6 text-sm">推送模板</TabsTrigger>
<TabsTrigger value="events" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6 text-sm">事件绑定</TabsTrigger>
<TabsTrigger value="api" class="flex-1 sm:flex-none whitespace-nowrap px-3 sm:px-6 text-sm">脚本调用</TabsTrigger>
</TabsList>
</div>
web/src/views/scripts/Scripts.vue
+4 -4
View File
@@ -300,7 +300,7 @@ onMounted(loadTree)
<!-- File Tree -->
<div class="w-full lg:w-56 flex-shrink-0 border rounded-lg bg-card flex flex-col max-h-[200px] lg:max-h-none">
<div class="p-2 border-b flex items-center justify-between">
<span class="text-xs font-medium">脚本文件</span>
<span class="text-sm font-medium pl-1">脚本文件</span>
<div class="flex gap-0.5">
<Button variant="ghost" size="icon" class="h-6 w-6" title="新建文件" @click="openCreateDialog('file')">
<FilePlus class="h-3 w-3" />
@@ -367,15 +367,15 @@ onMounted(loadTree)
<div v-if="selectedDir" class="text-xs text-muted-foreground">
位置: {{ selectedDir }}/
</div>
<Input v-model="createName" class="h-8 text-xs"
<Input v-model="createName" class="h-9 text-sm"
:placeholder="createType === 'file' ? 'example.js' : 'folder-name'" @keyup.enter="createItem" />
<div v-if="createName" class="text-xs text-muted-foreground">
完整路径: {{ createFullPath }}
</div>
</div>
<DialogFooter>
<Button variant="outline" size="sm" class="h-7 text-xs" @click="showCreateDialog = false">取消</Button>
<Button size="sm" class="h-7 text-xs" @click="createItem">创建</Button>
<Button variant="outline" size="sm" class="h-8 text-xs px-4" @click="showCreateDialog = false">取消</Button>
<Button size="sm" class="h-8 text-xs px-4" @click="createItem">创建</Button>
</DialogFooter>
</DialogContent>
</Dialog>
web/src/views/tasks/Tasks.vue
+5 -5
View File
@@ -352,12 +352,12 @@ watch(() => route.query.agent_id, (newVal: any) => {
<div class="flex flex-row items-center gap-2 flex-1 sm:flex-1 lg:flex-none lg:w-auto text-sm">
<div class="relative flex-1 sm:flex-1 lg:max-w-[240px] group">
<Search class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground group-focus-within:text-primary transition-colors" />
<Input v-model="filterName" placeholder="搜索任务..." class="h-9 pl-9 w-full bg-muted/20 border-muted-foreground/10 focus:bg-background"
<Input v-model="filterName" placeholder="搜索任务..." class="h-9 pl-9 w-full bg-muted/20 border-muted-foreground/10 focus:bg-background text-sm"
@input="handleSearch" />
</div>
<div class="relative flex-1 sm:flex-1 lg:max-w-[180px] group">
<Tag class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground group-focus-within:text-primary transition-colors" />
<Input v-model="filterTags" placeholder="搜索标签..." class="h-9 pl-9 w-full bg-muted/20 border-muted-foreground/10 focus:bg-background"
<Input v-model="filterTags" placeholder="搜索标签..." class="h-9 pl-9 w-full bg-muted/20 border-muted-foreground/10 focus:bg-background text-sm"
@input="handleSearch" />
</div>
</div>
@@ -400,9 +400,9 @@ watch(() => route.query.agent_id, (newVal: any) => {
<!-- 桌面端类型切换 -->
<Tabs :model-value="filterType" @update:model-value="(v: string | number) => { filterType = String(v); handleTypeChange() }" class="shrink-0 hidden lg:block">
<TabsList class="h-9 p-1 bg-muted/30 border">
<TabsTrigger :value="TASK_TYPE.NORMAL" class="px-4 h-7 text-[13px]">定时任务</TabsTrigger>
<TabsTrigger :value="TASK_TYPE.REPO" class="px-4 h-7 text-[13px]">仓库同步</TabsTrigger>
<TabsList class="h-9 p-1 bg-muted/30 border">
<TabsTrigger :value="TASK_TYPE.NORMAL" class="px-4 h-7 text-sm">定时任务</TabsTrigger>
<TabsTrigger :value="TASK_TYPE.REPO" class="px-4 h-7 text-sm">仓库同步</TabsTrigger>
</TabsList>
</Tabs>
</div>