优化移动端样式

This commit is contained in:
liuziting
2026-01-21 22:11:17 +08:00
parent 3bf3919f60
commit 8c30a7d3ae
3 changed files with 38 additions and 9 deletions

View File

@@ -232,24 +232,39 @@ body {
@apply !bg-white !border-slate-200 !shadow-xl !rounded-lg !left-4 md:!left-6 !bottom-28 md:!bottom-6 !transition-all;
}
@media (max-width: 767px) {
.vue-flow__controls {
margin-left: 0 !important;
left: 1rem !important;
}
}
.vue-flow__controls-button {
@apply !border-slate-100 !fill-slate-400 hover:!bg-slate-50 !transition-colors;
}
.vue-flow__minimap {
@apply !bg-white/80 !backdrop-blur-md !border-slate-200 !shadow-2xl !rounded-xl !overflow-hidden !transition-all;
margin: 1.5rem !important;
bottom: 80px !important;
right: 0 !important;
width: 180px !important;
height: 120px !important;
bottom: 130px !important;
right: 1rem !important;
width: 140px !important;
height: 100px !important;
margin: 0 !important;
}
.vue-flow__minimap svg {
display: block !important;
width: 100% !important;
height: 100% !important;
}
@media (min-width: 768px) {
.vue-flow__minimap {
bottom: 0 !important;
bottom: 1.5rem !important;
right: 1.5rem !important;
width: 220px !important;
height: 160px !important;
margin: 0 !important;
}
}

View File

@@ -6,7 +6,7 @@
*/
// 图标:输入提示与执行态
import { RefreshCw, Terminal, Zap } from 'lucide-vue-next'
import { Github, RefreshCw, Terminal, Zap } from 'lucide-vue-next'
/**
* props
@@ -54,5 +54,19 @@ const emit = defineEmits<{
</button>
</div>
</div>
<div class="flex items-center gap-2 px-3 py-1 bg-white/60 backdrop-blur-sm border border-slate-200/50 rounded-full text-[10px] font-black tracking-widest uppercase select-none shadow-sm">
<a
href="https://github.com/liu-ziting/ThinkFlowAI"
target="_blank"
rel="noopener noreferrer"
class="flex items-center gap-1.5 text-slate-500 hover:text-orange-500 transition-colors"
>
<Github class="w-3 h-3" />
<span>ThinkFlowAI</span>
</a>
<span class="w-[1px] h-2 bg-slate-300 mx-1"></span>
<span class="text-slate-400">By:Liuziting</span>
</div>
</div>
</template>

View File

@@ -4,8 +4,8 @@ import zh from './locales/zh.json'
const i18n = createI18n({
legacy: false, // 使用 Composition API
locale: localStorage.getItem('language') || 'en', // 默认英文
fallbackLocale: 'en',
locale: localStorage.getItem('language') || 'zh', // 默认英文
fallbackLocale: 'zh',
messages: {
en,
zh