Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Factor: green theme #22

Merged
merged 4 commits into from
Mar 6, 2025
Merged

Factor: green theme #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
42fd9bf
factor: green theme
hexart Mar 6, 2025
372f446
Merge branch 'linshenkx:master' into factor/blue-green-theme
hexart Mar 6, 2025
c4044cc
fix: some typo error of classname
hexart Mar 6, 2025
fda08fc
fix: repeat rounded-gl
hexart Mar 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/ui/src/components/ActionButton.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<button
class="theme-icon-button flex items-center gap-1 px-1.5 py-1"
class="theme-icon-button"
@click="$emit('click')"
:disabled="loading"
>
Expand Down
8 changes: 4 additions & 4 deletions packages/ui/src/components/HistoryDrawer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,13 @@
@click.stop
>
<div class="h-full flex flex-col">
<div class="flex-none p-4 sm:p-6 theme-drawer-header flex items-center justify-between">
<div class="flex-none p-3 sm:p-4 theme-drawer-header flex items-center justify-between">
<div class="flex items-center gap-4">
<h2 class="text-lg font-semibold theme-manager-text">历史记录</h2>
<button
v-if="sortedHistory && sortedHistory.length > 0"
@click.stop="handleClear"
class="text-sm theme-manager-text-secondary hover:theme-manager-text transition-colors px-2 py-1 rounded border border-gray-300/20 hover:border-gray-300/40"
class="theme-drawer-empty-button"
>
清空
</button>
Expand Down Expand Up @@ -72,11 +72,11 @@
<span v-if="record.type === 'iterate'" class="text-xs theme-manager-tag">迭代</span>
<button
@click.stop="reuse(record, chain)"
class="text-xs theme-manager-button-secondary px-2 py-0.5"
class="text-xs theme-manager-button-secondary"
>
使用
</button>
<button class="theme-manager-text-secondary hover:theme-manager-text transition-colors text-sm">
<button class="text-xs theme-manager-button-secondary transition-colors">
{{ expandedVersions[record.id] ? '收起' : '展开' }}
</button>
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/ui/src/components/MainLayout.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@

<!-- 主要内容区域 -->
<main class="flex-1 container mx-auto p-2 sm:p-4 overflow-hidden">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-2 sm:gap-4 h-[calc(100vh-3.5rem)] sm:h-[calc(100vh-4rem)]">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-2 sm:gap-4 h-[calc(100vh-3.5rem)] sm:h-[calc(100vh-5.5rem)]">
<slot></slot>
</div>
</main>
Expand Down
4 changes: 2 additions & 2 deletions packages/ui/src/components/ModelManager.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,11 +45,11 @@
</div>
<div class="flex items-center space-x-2">
<button @click="testConnection(model.key)"
class="theme-manager-button-primary">
class="theme-manager-button-test">
测试连接
</button>
<button @click="editModel(model.key)"
class="theme-manager-button-secondary">
class="theme-manager-button-edit">
编辑
</button>
<button @click="model.enabled ? disableModel(model.key) : enableModel(model.key)"
Expand Down
2 changes: 1 addition & 1 deletion packages/ui/src/components/ModelSelect.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
{{ !enabledModels.length ? '请配置模型' : '请选择模型' }}
</span>
</div>
<span class="text-purple-500 dark:text-purple-400">
<span class="theme-text">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
Expand Down
2 changes: 1 addition & 1 deletion packages/ui/src/components/OutputPanel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<template>
<div class="flex flex-col h-full">
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-semibold theme-title">测试结果</h3>
<h3 class="text-lg font-semibold theme-text">测试结果</h3>
<button
v-if="result"
@click="copySelectedText"
Expand Down
25 changes: 14 additions & 11 deletions packages/ui/src/components/TemplateManager.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,13 +68,13 @@
<div
v-for="template in filteredTemplates"
:key="template.id"
class="theme-manager-card p-4 group relative transition-all duration-200 hover:-translate-y-0.5"
class="theme-manager-card p-4 group relative transition-all duration-200"
:class="[
(currentType === 'optimize' ? selectedOptimizeTemplate?.id : selectedIterateTemplate?.id) === template.id
? template.metadata.templateType === 'optimize'
? 'border-purple-500/50 bg-purple-900/10 shadow-lg shadow-purple-900/10'
: 'border-teal-500/50 bg-teal-900/10 shadow-lg shadow-teal-900/10'
: 'border-gray-700/50 hover:border-gray-600/60 bg-gray-800/20 hover:bg-gray-800/30'
? 'theme-manager-card-optimize'
: 'theme-manager-card-iterate'
: 'theme-manager-card'
]"
>
<div class="flex items-start justify-between">
Expand All @@ -97,7 +97,7 @@
<button
@click="selectTemplate(template)"
:class="[
'px-3 py-1.5 text-sm rounded-lg',
'rounded-lg',
(currentType === 'optimize' ? selectedOptimizeTemplate?.id : selectedIterateTemplate?.id) === template.id
? 'theme-manager-button-primary'
: 'theme-manager-button-secondary'
Expand Down Expand Up @@ -128,9 +128,12 @@
</button>
<button
@click="exportTemplate(template.id)"
class="theme-manager-button-secondary"
class="theme-manager-button-secondary inline-flex items-center justify-center gap-1"
>
导出
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
导出
</button>
<button
v-if="!template.isBuiltin"
Expand All @@ -143,13 +146,13 @@
</div>
<div
class="absolute top-0 left-0 w-2 h-full rounded-l-xl"
:class="template.metadata.templateType === 'optimize' ? 'bg-purple-500/50' : 'bg-teal-500/50'"
:class="template.metadata.templateType === 'optimize' ? 'theme-manager-card-optimize' : 'theme-manager-card-iterate'"
></div>
<span
class="px-2 py-1 text-xs rounded-full capitalize"
class="capitalize"
:class="template.metadata.templateType === 'optimize'
? 'bg-purple-600/20 text-purple-300'
: 'bg-teal-600/20 text-teal-300'"
? 'theme-manager-tag-optimize'
: 'theme-manager-tag-iterate'"
>
{{ template.metadata.templateType === 'optimize' ? '优化' : '迭代' }}
</span>
Expand Down
6 changes: 3 additions & 3 deletions packages/ui/src/components/TemplateSelect.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
请选择提示词
</span>
</div>
<span class="text-purple-500 dark:text-purple-400">
<span class="theme-text">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
Expand Down Expand Up @@ -41,11 +41,11 @@
<div class="flex items-center justify-between">
<span>{{ template.name }}</span>
<span v-if="template.isBuiltin"
class="text-xs px-1.5 py-0.5 rounded bg-purple-100 dark:bg-purple-800/40 text-purple-700 dark:text-purple-300">
class="text-xs px-1.5 py-0.5 rounded theme-dropdown-item-tag">
内置
</span>
</div>
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1"
<p class="text-xs theme-dropdown-item-description mt-1"
:title="template.metadata.description || '暂无描述'">
{{ template.metadata.description || '暂无描述' }}
</p>
Expand Down
4 changes: 2 additions & 2 deletions packages/ui/src/components/ThemeToggleUI.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
<div class="relative">
<button
@click="toggleThemeMenu"
class="theme-button-secondary flex items-center gap-1 hover:scale-105 transform px-2 py-1.5 rounded-md"
class="theme-icon-button"
>
<span class="text-base sm:text-lg">
<span class="text-base sm:text-lg inline-flex items-center align-middle">
<svg v-if="currentTheme === 'dark'" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-yellow-300" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd" />
</svg>
Expand Down
Loading