修复更新记录的文本对齐问题

This commit is contained in:
jinchao 2025-06-09 13:51:14 +08:00
parent b80f86f197
commit 4743606222
3 changed files with 28 additions and 4 deletions

Binary file not shown.

View File

@ -43,7 +43,7 @@ class OverviewPage extends HTMLElement {
const verNum = version.verNum;
const title = version.title;
return `${date} ${time}v${verNum} ${title}`;
return `<span class="version-date">${date} ${time}</span><span class="version-number">v${verNum}</span><span class="version-title">${title}</span>`;
}
startClock() {
@ -519,6 +519,28 @@ class OverviewPage extends HTMLElement {
line-height: 1;
margin-top: -2px;
}
.update-list li {
padding: 8px 0;
border-bottom: 1px solid #eee;
color: #2c3e50;
display: flex;
align-items: baseline;
gap: 8px;
}
.version-date {
white-space: nowrap;
}
.version-number {
min-width: 60px;
white-space: nowrap;
}
.version-title {
flex: 1;
}
</style>
<div class="overview-container">
<div class="welcome-card">

View File

@ -284,13 +284,15 @@ class UpdateHistory extends HTMLElement {
display: flex;
align-items: center;
line-height: 1;
flex-wrap: wrap;
gap: 15px;
}
.version-number {
font-size: 18px;
font-weight: bold;
color: #667eea;
margin-right: 15px;
min-width: 80px;
display: inline-flex;
align-items: center;
}
@ -299,7 +301,7 @@ class UpdateHistory extends HTMLElement {
font-size: 16px;
font-weight: 500;
color: #2d3748;
margin-right: 15px;
min-width: 200px;
display: inline-flex;
align-items: center;
}
@ -307,6 +309,7 @@ class UpdateHistory extends HTMLElement {
.version-date {
color: #718096;
font-size: 14px;
min-width: 150px;
display: inline-flex;
align-items: center;
}
@ -316,7 +319,6 @@ class UpdateHistory extends HTMLElement {
font-size: 14px;
display: inline-flex;
align-items: center;
margin-left: 15px;
}
.expand-btn {