style: Enhance recent matches template layout and responsiveness
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Ching L 2025-03-06 10:10:36 +08:00
parent 00523e4834
commit bb99648822

View File

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