style: Enhance recent matches template layout and responsiveness

This commit is contained in:
Ching L 2025-03-06 10:10:36 +08:00
parent 9f5be12b2e
commit 33c160b16b

View File

@ -17,7 +17,7 @@
padding: 15px;
box-sizing: border-box;
width: fit-content;
max-width: 500px;
max-width: 600px;
}
.header {
display: flex;
@ -87,6 +87,7 @@
.match-stats {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.kda {
font-weight: bold;
@ -95,15 +96,17 @@
}
.match-info {
display: flex;
gap: 10px;
gap: 12px;
font-size: 0.9em;
color: #dddddd;
flex-wrap: nowrap;
}
.match-duration,
.match-party,
.match-rank {
display: flex;
align-items: center;
white-space: nowrap;
}
.match-duration::before {
content: "";