From 59f961986cafb0bb85b09dcbd8f53dbf3fe93e14 Mon Sep 17 00:00:00 2001
From: duorameng <2997944583@qq.com>
Date: Mon, 20 Apr 2026 20:42:17 +0800
Subject: [PATCH] chore: update font syule

---
 web/src/assets/index.css              |  1 +
 web/src/components/TextOverflow.vue   | 10 ++++++----
 web/src/layouts/MainLayout.vue        | 15 +++++++--------
 web/src/views/languages/Languages.vue |  2 +-
 4 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/web/src/assets/index.css b/web/src/assets/index.css
index a60a6b1..3d5c6b8 100644
--- a/web/src/assets/index.css
+++ b/web/src/assets/index.css
@@ -66,6 +66,7 @@
   --radius-2xl: calc(var(--radius) + 8px);
   --radius-3xl: calc(var(--radius) + 12px);
   --radius-4xl: calc(var(--radius) + 16px);
+  --breakpoint-3xl: 1921px;
 }
 
 :root {
diff --git a/web/src/components/TextOverflow.vue b/web/src/components/TextOverflow.vue
index 68cac2c..3b72bc1 100644
--- a/web/src/components/TextOverflow.vue
+++ b/web/src/components/TextOverflow.vue
@@ -22,16 +22,18 @@ function handleClick() {
 </script>
 
 <template>
-  <span v-bind="$attrs" class="truncate block cursor-pointer hover:text-primary transition-colors" :title="text || '-'"
+  <span v-bind="$attrs" class="truncate block cursor-pointer hover:text-primary transition-colors font-mono" :title="text || '-'"
     @click.stop="handleClick">
     {{ text || '-' }}
   </span>
 
   <BaihuDialog v-model:open="showDialog" :title="title">
     <div class="max-h-[60vh] overflow-y-auto custom-scrollbar">
-      <p class="text-[15px] leading-relaxed text-foreground/80 break-all whitespace-pre-wrap font-sans">
-        {{ text }}
-      </p>
+      <div class="p-4 bg-muted/30 rounded-xl border border-border/50">
+        <p class="text-[13.5px] leading-relaxed text-foreground/90 break-all whitespace-pre-wrap font-mono">
+          {{ text }}
+        </p>
+      </div>
     </div>
   </BaihuDialog>
 </template>
diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
index 8d8611e..25fd37e 100644
--- a/web/src/layouts/MainLayout.vue
+++ b/web/src/layouts/MainLayout.vue
@@ -106,16 +106,15 @@ onMounted(() => {
 
 <template>
   <!-- Root Container: Handles the background and centering on 2K+ screens -->
-  <div class="h-screen w-full bg-slate-50/50 dark:bg-zinc-950 flex items-center justify-center 2xl:p-8 3xl:p-12 transition-all duration-500 overflow-hidden">
+  <div class="h-screen w-full bg-slate-50/50 dark:bg-zinc-950 flex items-center justify-center 3xl:p-8 transition-all duration-500 overflow-hidden">
     
     <!-- Application Card: The main floating surface -->
     <div
       class="flex h-full w-full bg-background relative transition-all duration-500 overflow-hidden
-             2xl:max-w-[1800px] 2xl:max-h-[92vh] 2xl:rounded-[2.5rem] 
-             2xl:shadow-[0_50px_100px_-20px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.05)]
-             2xl:ring-1 2xl:ring-slate-900/5 dark:2xl:ring-white/10
-             2xl:border 2xl:border-slate-200/60 dark:2xl:border-white/5
-             3xl:max-w-[2200px] 3xl:max-h-[90vh]">
+             3xl:max-w-[2000px] 3xl:max-h-[92vh] 3xl:rounded-[2.5rem] 
+             3xl:shadow-[0_50px_100px_-20px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.05)]
+             3xl:ring-1 3xl:ring-slate-900/5 dark:3xl:ring-white/10
+             3xl:border 3xl:border-slate-200/60 dark:3xl:border-white/5">
       
       <!-- Mobile Menu Overlay -->
       <div v-if="mobileMenuOpen" class="fixed inset-0 bg-black/40 backdrop-blur-[2px] z-40 lg:hidden" @click="mobileMenuOpen = false" />
@@ -146,9 +145,9 @@ onMounted(() => {
             </Button>
           </RouterLink>
         </nav>
-        <div class="px-3 py-4 2xl:pb-12 border-t border-slate-200/60 dark:border-white/10 flex justify-center">
+        <div class="px-3 py-4 3xl:pb-12 border-t border-slate-200/60 dark:border-white/10 flex justify-center">
           <Button variant="ghost" 
-            class="justify-start 2xl:justify-center gap-3 h-9 px-3 w-content 2xl:w-full 2xl:max-w-[140px] text-muted-foreground hover:text-foreground transition-all whitespace-nowrap"
+            class="justify-start 3xl:justify-center gap-3 h-9 px-3 w-content 3xl:w-full 3xl:max-w-[140px] text-muted-foreground hover:text-foreground transition-all whitespace-nowrap"
             @click="logout">
             <LogOut class="h-4 w-4 shrink-0" />
             <span class="truncate">退出登录</span>
diff --git a/web/src/views/languages/Languages.vue b/web/src/views/languages/Languages.vue
index a8ab4b7..cd8344d 100644
--- a/web/src/views/languages/Languages.vue
+++ b/web/src/views/languages/Languages.vue
@@ -410,7 +410,7 @@ onMounted(() => {
                             <Globe class="h-12 w-12 mx-auto mb-2 opacity-10" />
                             {{ searchQuery ? '未找到匹配的语言' : '未发现已安装的语言' }}
                         </div>
-                        <div v-else class="grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4">
+                        <div v-else class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3 sm:gap-4">
                             <div v-for="(lang, index) in filteredLanguages" :key="lang.plugin + lang.version"
                                 class="relative group/item flex flex-col p-3.5 sm:p-4 rounded-xl border bg-card/40 hover:bg-accent/40 hover:border-primary/40 transition-all duration-200 shadow-sm">