Jokul/JRedisDesktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: 标题栏和占位图使用 icon.svg 替代 JRD 文字

Browse Source
This commit is contained in:
No.1
2026-07-11 14:22:07 +08:00
parent 5da3462131
commit c68306b26b
2 changed files with 7 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/components/MainArea.vue
+4 -12
View File
@@ -258,7 +258,7 @@ onUnmounted(() => {
<MemoryAnalysis v-else-if="activeTab.type === 'memory'" /> <MemoryAnalysis v-else-if="activeTab.type === 'memory'" />
</template> </template>
<div v-if="!connStore.isConnected" class="no-connection"> <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> <h2>JRedisDesktop</h2>
<p>{{ t('app.placeholder') }}</p> <p>{{ t('app.placeholder') }}</p>
</div> </div>
@@ -516,19 +516,11 @@ onUnmounted(() => {
} }
.placeholder-icon { .placeholder-icon {
width: 80px; width: 96px;
height: 64px; height: 96px;
background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 20px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: 800;
color: #fff;
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: 0 8px 32px rgba(99, 102, 241, 0.2); box-shadow: 0 8px 32px rgba(99, 102, 241, 0.2);
letter-spacing: 1px;
} }
.no-connection h2 { .no-connection h2 {
src/renderer/src/components/TitleBar.vue
+3 -10
View File
@@ -22,7 +22,7 @@ function openSettings() {
<template> <template>
<header class="titlebar"> <header class="titlebar">
<div class="titlebar-drag"> <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> <span class="titlebar-title">JRedisDesktop</span>
</div> </div>
<div class="titlebar-actions"> <div class="titlebar-actions">
@@ -60,17 +60,10 @@ function openSettings() {
} }
.titlebar-logo { .titlebar-logo {
width: 36px; width: 24px;
height: 24px; height: 24px;
background: linear-gradient(135deg, #667eea, #764ba2);
border-radius: 6px; border-radius: 6px;
display: flex; flex-shrink: 0;
align-items: center;
justify-content: center;
font-size: 9px;
font-weight: 800;
color: #fff;
letter-spacing: 0.5px;
} }
.titlebar-title { .titlebar-title {