Center players and handlet he case where is 5 or 6 players

This commit is contained in:
Carlos Fernandez 2026-05-15 00:46:04 -04:00
parent baa9cad4cb
commit fc79ac1f92

View file

@ -17,18 +17,27 @@
} }
.members-container { .members-container {
display: grid; display: flex;
grid-template-columns: 1fr 1fr 1fr 1fr; flex-wrap: wrap;
justify-content: center;
gap: 8px; gap: 8px;
// Force 3 columns for 5 -> 6 players
&:has(> :nth-child(5)):not(:has(> :nth-child(7))) {
padding-left: 10%;
padding-right: 10%;
}
.member-container { .member-container {
position: relative; position: relative;
display: flex; display: flex;
align-items: stretch;
justify-content: center; justify-content: center;
border-radius: 6px; border-radius: 6px;
border: 1px solid light-dark(@dark-blue, @golden); border: 1px solid light-dark(@dark-blue, @golden);
overflow: hidden; overflow: hidden;
height: 12.5rem; height: 11.5rem;
width: 122px;
&.inactive { &.inactive {
border-color: light-dark(@dark-blue-40, @golden-40); border-color: light-dark(@dark-blue-40, @golden-40);
@ -69,6 +78,7 @@
img { img {
object-fit: cover; object-fit: cover;
object-position: top center; object-position: top center;
flex: 1;
} }
.leader-mark { .leader-mark {