From c68306b26b152bf79fb7cab523af83ed01dfac39 Mon Sep 17 00:00:00 2001
From: Jokul <wangshengshan011@163.com>
Date: Sat, 11 Jul 2026 14:22:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=87=E9=A2=98=E6=A0=8F=E5=92=8C?=
 =?UTF-8?q?=E5=8D=A0=E4=BD=8D=E5=9B=BE=E4=BD=BF=E7=94=A8=20icon.svg=20?=
 =?UTF-8?q?=E6=9B=BF=E4=BB=A3=20JRD=20=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/MainArea.vue | 16 ++++------------
 src/renderer/src/components/TitleBar.vue | 13 +++----------
 2 files changed, 7 insertions(+), 22 deletions(-)

diff --git a/src/renderer/src/components/MainArea.vue b/src/renderer/src/components/MainArea.vue
index 8a0ef95..9bbcafc 100644
--- a/src/renderer/src/components/MainArea.vue
+++ b/src/renderer/src/components/MainArea.vue
@@ -258,7 +258,7 @@ onUnmounted(() => {
         <MemoryAnalysis v-else-if="activeTab.type === 'memory'" />
       </template>
       <div v-if="!connStore.isConnected" class="no-connection">
-        <div class="placeholder-icon">JRD</div>
+        <img src="/icon.svg" class="placeholder-icon" alt="JRedisDesktop" />
         <h2>JRedisDesktop</h2>
         <p>{{ t('app.placeholder') }}</p>
       </div>
@@ -516,19 +516,11 @@ onUnmounted(() => {
 }
 
 .placeholder-icon {
-  width: 80px;
-  height: 64px;
-  background: linear-gradient(135deg, #667eea, #764ba2);
-  border-radius: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 22px;
-  font-weight: 800;
-  color: #fff;
+  width: 96px;
+  height: 96px;
+  border-radius: 20px;
   margin-bottom: 20px;
   box-shadow: 0 8px 32px rgba(99, 102, 241, 0.2);
-  letter-spacing: 1px;
 }
 
 .no-connection h2 {
diff --git a/src/renderer/src/components/TitleBar.vue b/src/renderer/src/components/TitleBar.vue
index bd703ed..e6dde8c 100644
--- a/src/renderer/src/components/TitleBar.vue
+++ b/src/renderer/src/components/TitleBar.vue
@@ -22,7 +22,7 @@ function openSettings() {
 <template>
   <header class="titlebar">
     <div class="titlebar-drag">
-      <span class="titlebar-logo">JRD</span>
+      <img src="/icon.svg" class="titlebar-logo" alt="JRedisDesktop" />
       <span class="titlebar-title">JRedisDesktop</span>
     </div>
     <div class="titlebar-actions">
@@ -60,17 +60,10 @@ function openSettings() {
 }
 
 .titlebar-logo {
-  width: 36px;
+  width: 24px;
   height: 24px;
-  background: linear-gradient(135deg, #667eea, #764ba2);
   border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 9px;
-  font-weight: 800;
-  color: #fff;
-  letter-spacing: 0.5px;
+  flex-shrink: 0;
 }
 
 .titlebar-title {