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