trevor/drivers_bot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show vehicle facts in passport
Some checks failed
ci / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
VPN SaaS Dev
2026-05-16 22:16:47 +09:00
parent 8ab296b675
commit f4be38f9b9
3 changed files with 156 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
web/static/styles.css
View File

@@ -73,6 +73,10 @@ body.auth-required .shell {
.passport-metric small,
.passport-metric span,
.passport-action span,
.passport-vehicle-empty span,
.passport-vehicle-main span,
.passport-vehicle-id,
.passport-vehicle-facts span,
.achievement-card span,
.timeline-item small,
.timeline-empty,
@@ -140,6 +144,98 @@ body.auth-required .shell {
margin-top: 2px;
}
.passport-vehicle-summary {
display: grid;
gap: 9px;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.035));
}
.passport-vehicle-empty,
.passport-vehicle-main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.passport-vehicle-empty {
align-items: start;
flex-direction: column;
gap: 3px;
}
.passport-vehicle-main strong,
.passport-vehicle-empty strong {
display: block;
color: #fff;
font-size: 16px;
}
.passport-vehicle-main span {
display: block;
margin-top: 2px;
font-size: 12px;
}
.passport-edit-link {
flex: 0 0 auto;
padding: 7px 10px;
border: 1px solid rgba(94, 224, 189, 0.3);
border-radius: 8px;
color: #b9f7e7;
font-size: 12px;
font-weight: 700;
text-decoration: none;
background: rgba(94, 224, 189, 0.08);
}
.passport-vehicle-id {
display: flex;
flex-wrap: wrap;
gap: 6px;
font-size: 12px;
}
.passport-vehicle-id span {
min-width: 0;
max-width: 100%;
padding: 4px 7px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.06);
overflow-wrap: anywhere;
}
.passport-vehicle-facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 7px;
}
.passport-vehicle-facts div {
display: grid;
gap: 3px;
min-width: 0;
padding: 8px;
border-radius: 8px;
background: rgba(12, 20, 22, 0.34);
}
.passport-vehicle-facts span {
font-size: 11px;
line-height: 1.2;
}
.passport-vehicle-facts strong {
color: #fff;
font-size: 13px;
line-height: 1.25;
overflow-wrap: anywhere;
}
.passport-grid,
.passport-actions,
.achievement-strip {
@@ -2206,6 +2302,14 @@ select {
grid-template-columns: 1fr auto;
}
.passport-vehicle-main {
align-items: start;
}
.passport-vehicle-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.score-ring {
width: 72px;
height: 72px;