修复更新记录的文本对齐问题
This commit is contained in:
parent
b80f86f197
commit
4743606222
Binary file not shown.
@ -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">
|
||||
|
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user