From eab66e2d1988635985745f2d1b227b958969ee00 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Mon, 27 Apr 2026 00:13:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E7=89=88=E9=A6=96=E9=A1=B5=E6=A0=87=E9=A2=98=E8=A2=AB=E6=8C=A4?=
 =?UTF-8?q?=E5=BC=80=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/framework/landing/index.vue        | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/ui/certd-client/src/views/framework/landing/index.vue b/packages/ui/certd-client/src/views/framework/landing/index.vue
index 25c98ad0d..390c1f980 100644
--- a/packages/ui/certd-client/src/views/framework/landing/index.vue
+++ b/packages/ui/certd-client/src/views/framework/landing/index.vue
@@ -2,17 +2,17 @@
   <div class="landing-page">
     <nav class="landing-nav">
       <div class="nav-container">
-        <div class="nav-logo">
+        <div class="nav-logo overflow-hidden text-ellipsis whitespace-nowrap">
           <img :src="siteInfo.logo" alt="Certd Logo" class="logo-img" />
-          <span class="logo-text">{{ siteInfo.title }}</span>
+          <span class="logo-text ellipsis">{{ siteInfo.title }}</span>
         </div>
-        <div class="nav-links">
+        <div class="nav-links text-nowrap">
           <ThemeToggle />
           <template v-if="isLoggedIn">
             <router-link to="/index" class="btn btn-primary">控制台</router-link>
-            <div class="user-avatar" @click="goProfile">
+            <!-- <div class="user-avatar" @click="goProfile">
               <div class="avatar-initials">{{ userInitials }}</div>
-            </div>
+            </div> -->
           </template>
           <template v-else>
             <router-link :to="{ name: 'login' }" class="btn btn-outline">登录</router-link>
@@ -25,9 +25,9 @@
     <section class="hero-section">
       <div class="hero-container">
         <div class="hero-content">
-          <h1 class="hero-title">
-            让你的网站证书
-            <span class="gradient-text">永不过期</span>
+          <h1 class="hero-title flex flex-col md:flex-row">
+            <div>让你的网站证书</div>
+            <div class="gradient-text mt-2 md:mt-0 md:ml-4">永不过期</div>
           </h1>
           <p class="hero-description">全自动证书管理系统，首创流水线申请部署证书模式，让你告别证书过期的烦恼。</p>
           <div class="hero-actions">