完善功能

This commit is contained in:
2026-07-20 18:10:08 +08:00
parent 05898a14e0
commit 0f75a3a6af
5 changed files with 25 additions and 3 deletions

View File

@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/png" href="/yurou-logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Markdown Editor</title> <title>Markdown Editor</title>
</head> </head>

BIN
public/yurou-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@@ -1320,8 +1320,8 @@ async function handleSearchResultClick(filePath: string, lineNumber: number) {
<i class="ri-menu-line text-base"></i> <i class="ri-menu-line text-base"></i>
</button> </button>
</div> </div>
<div v-else class="titlebar-brand app-muted-text shrink-0 pointer-events-none"> <div v-else class="titlebar-brand shrink-0 pointer-events-none">
yurou <img src="/yurou-logo.png" alt="yurou" class="titlebar-logo" />
</div> </div>
<!-- Center: Filename --> <!-- Center: Filename -->
@@ -1731,6 +1731,11 @@ async function handleSearchResultClick(filePath: string, lineNumber: number) {
letter-spacing: 0; letter-spacing: 0;
} }
.titlebar-logo {
height: 26px;
width: auto;
}
.titlebar-file-title { .titlebar-file-title {
width: 100%; width: 100%;
line-height: 1.2; line-height: 1.2;

BIN
src/assets/yurou-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@@ -517,6 +517,9 @@ onBeforeUnmount(() => {
<div v-if="activePage === 'about'" class="settings-content"> <div v-if="activePage === 'about'" class="settings-content">
<section class="settings-about-card" aria-label="关于 yurou"> <section class="settings-about-card" aria-label="关于 yurou">
<div class="settings-about-logo">
<img src="/yurou-logo.png" alt="yurou logo" class="settings-logo-img" />
</div>
<div class="settings-row settings-row-top"> <div class="settings-row settings-row-top">
<div class="settings-copy"> <div class="settings-copy">
<h3>版本 {{ appVersion }}</h3> <h3>版本 {{ appVersion }}</h3>
@@ -1094,6 +1097,20 @@ onBeforeUnmount(() => {
box-shadow: inset 0 0 0 1px var(--app-border); box-shadow: inset 0 0 0 1px var(--app-border);
} }
.settings-about-logo {
display: flex;
justify-content: center;
align-items: center;
padding: 28px 20px 8px;
}
.settings-logo-img {
width: 72px;
height: 72px;
object-fit: contain;
border-radius: 16px;
}
.settings-row { .settings-row {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;