style: Enhance recent matches template layout and responsiveness
This commit is contained in:
parent
9f5be12b2e
commit
33c160b16b
@ -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: "️";
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user