jinchao/XNSim
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Release/database/XNSim.db
View File

Binary file not shown.

24
XNSimHtml/components/overview-page.js
View File

@ -43,7 +43,7 @@ class OverviewPage extends HTMLElement {
const verNum = version.verNum; const verNum = version.verNum;
const title = version.title; 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() { startClock() {
@ -519,6 +519,28 @@ class OverviewPage extends HTMLElement {
line-height: 1; line-height: 1;
margin-top: -2px; 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> </style>
<div class="overview-container"> <div class="overview-container">
<div class="welcome-card"> <div class="welcome-card">

8
XNSimHtml/components/update-history.js
View File

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